@media (max-width: 576px) {
    .contact-hero h1 {
        font-size: 2rem;
    }
    
    .contact-hero .lead {
        font-size: 1rem;
    }
    
    .card-body {
        padding: 1.5rem !important;
    }
    
    .display-4 {
        font-size: 2.5rem;
    }
}

.ratio {
    border-radius: 0.375rem;
    overflow: hidden;
}

@media (max-width: 768px) {
    .btn-lg {
        width: 100%;
    }
}