main, section, #hero  {
    width: 80%;
    margin: 15px auto;
}
@media screen and (max-width:1440px){
    main, section, #hero {
        width: 100%;
        margin: 12px auto;
    }
@media screen and (max-width:1240px){
    main, section , #hero {
        width: 100%;
        margin: 7px auto;
    }
}
@media screen and (max-width:768px){
    .hidden-sm, .hidden-xs {
        display:none!important;
    }
    main,section{
      margin-top:20px!important;
    }
    #hero{backgroud:#fff!important;}
}

@media screen and (min-width:768px){
    .hidden-xl, .hidden-lg, .hidden-md{
        display:none!important;
    }
}