@media all and (max-width: 700px) {

  #header {
    height: 100px !important;
  }

  #hero .bar h1 {
    margin-right: 0%;
  }

  .logo {
    max-width: 80% !important;
    margin-top: 10px !important;
  }

  #hero h1 {
    font-size: 20px;
  }


  section {
    padding: 10px 0;
    overflow: hidden;
  }
  
/*--------------------------------------------------------------
# HERO
--------------------------------------------------------------*/

.homehero {
  height:500px !important; 
  background-size: cover !important; 
  background-repeat: no-repeat !important; 
  margin-top: -150px !important;
}

.homehero2 {
  height:500px !important; 
  background-size: cover !important; 
  background-repeat: no-repeat !important; 
  background-attachment : initial !important;
}

.lochero {
  height:500px !important;
  background-position:right !important; 
  background-size: cover !important;
}


  .about h3 {
    font-size: 25px;
  }

}