Aulsbrook Law Footer * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; line-height: 1.6; } .footer { background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%); color: #ffffff; padding: 60px 20px 30px; margin-top: 50px; } .footer-container { max-width: 1400px; margin: 0 auto; } .footer-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; margin-bottom: 40px; } .footer-section { background: rgba(255, 255, 255, 0.05); padding: 25px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.1); } .footer-section h3 { color: #ffd700; font-size: 22px; margin-bottom: 20px; font-weight: 600; border-bottom: 2px solid #ffd700; padding-bottom: 10px; } .business-info { line-height: 1.8; } .business-info .firm-name { font-size: 20px; font-weight: 700; color: #ffd700; margin-bottom: 15px; display: block; } .business-info .address, .business-info .phone { font-size: 16px; margin-bottom: 10px; color: #e0e0e0; } .business-info .phone { font-size: 24px; font-weight: 700; color: #ffffff; margin: 15px 0; } .business-info .phone a { color: #ffd700; text-decoration: none; transition: color 0.3s ease; } .business-info .phone a:hover { color: #ffffff; } .cta-button { display: inline-block; background: #ffd700; color: #1a1a2e; padding: 12px 30px; text-decoration: none; border-radius: 5px; font-weight: 700; margin-top: 15px; transition: all 0.3s ease; font-size: 16px; } .cta-button:hover { background: #ffffff; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(255, 215, 0, 0.3); } .video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 8px; } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 8px; } .map-wrapper { position: relative; padding-bottom: 75%; height: 0; overflow: hidden; border-radius: 8px; } .map-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 8px; } .footer-bottom { text-align: center; padding-top: 30px; border-top: 1px solid rgba(255, 255, 255, 0.2); color: #b0b0b0; font-size: 14px; } .footer-bottom p { margin: 5px 0; } @media (max-width: 768px) { .footer { padding: 40px 15px 20px; } .footer-content { grid-template-columns: 1fr; gap: 25px; } .footer-section { padding: 20px; } .business-info .phone { font-size: 20px; } .footer-section h3 { font-size: 20px; } } @media (max-width: 480px) { .cta-button { display: block; text-align: center; padding: 10px 20px; } }