@media (max-width: 1200px){
.hero {
    width: 100%;
    min-height: 90vh;
 
  
}

}@media (max-width: 1170px){
.hero {
  min-height: 40vh;
       
}

.hero h2 {
    font-size: 32px;
    font-weight: 700;
}
}
@media (max-width: 991px){
.hero {
  min-height: 40vh;
}
}


@media (max-width: 600px){
.hero {
    min-height: 100vh;
    /*position: relative;*/
    /*padding: 80px 0;*/
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: center;*/
    /*background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, .3), rgba(0, 0, 0, 0.3)),url(../img/mobile-banner.jpg);*/
    /*background-size: cover;*/
    /*background-position: center;*/
    /*background-repeat: no-repeat;*/
}
.hero h2 {
    font-size: 55px;
    font-weight: 700;
}
}