@media (min-width: 992px) {
.moonlight-header-logo.col-sm-12.col-md-3  {
width:   30%;
}
nav#main {
width: 70%;
}
.moonlight-header-logo  {
    
}
}

@media (min-width: 992px){
#hero .heroImages, #hero .heroDesc {
width: 40%;
}
#hero {
height: 345px;
}
a#previousHero {
top: 110px !important;
}
a#nextHero {
top: 110px !important;
}