@media (max-width: 575.98px){
    .hero-main-title{
        font-size: 28px;
    }
    .navbar-college-name{
        font-size: .85rem !important;
    }
    .navbar-college-location {
        font-size: 0.6rem !important; 
    }
}