/* Hero section padding fix for fixed header overlap */
.hero {
    padding-top: 100px !important;
}

@media (max-width: 900px) {
    .hero {
        padding-top: 80px !important;
    }
}

@media (max-width: 600px) {
    .hero {
        padding-top: 60px !important;
    }
}