@media (max-width: 1024px) {
    .container {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
}

@media (max-width: 768px) {
    .hero-title {
        font-size: 2.15rem !important;
        line-height: 1.2 !important;
    }
}

@media (max-width: 480px) {
    .hero-title {
        font-size: 1.75rem !important;
    }
}