/**********************************
Responsive navbar-brand image CSS
- Remove navbar-brand padding for firefox bug workaround
- add 100% height and width auto ... similar to how bootstrap img-responsive class works
***********************************/
body { padding-top: 50px; 
  color: #42434a;
}

h1 {

  /*font-family: 'Anton', sans-serif;*/
  font-family: 'Khand', sans-serif;
  font-size: 58px;
}

h2 {

  font-family: 'Khand', sans-serif;

}

h3 {

  font-family: 'Khand', sans-serif;

}

h4 {

  font-size: 18px;
  line-height: 28px;
  color: #666666;
}

/*
.navbar-brand {
  padding: 0px;
}

.navbar-brand>img {
  height: 100%;
  padding: 15px;
  width: auto;
}


.leo .navbar-brand>img {
  height: 100%;
  padding: 10px;
  width: auto;
}
*/


 .navbar {
  min-height: 100px;
}

.navbar-brand>img {
  padding: 0 15px;
  height: 70px;
  line-height: 100px;
}

.navbar-toggle {
  /* (80px - button height 34px) / 2 = 23px */
  margin-top: 33px;
  padding: 9px 10px !important;
}

@media (min-width: 768px) {
  .navbar-nav > li > a {
    /* (80px - line-height of 27px) / 2 = 26.5px */
    padding-top: 36.5px;
    padding-bottom: 36.5px;
    line-height: 27px;
  }
}

@media (max-width: 767px) {

.navbar-toggle {
  /* (80px - button height 34px) / 2 = 23px */
  margin-top: 60px;
  padding: 9px 10px !important;
}

  .navbar-nav > li > a {
    /* (80px - line-height of 27px) / 2 = 26.5px */
    padding-top: 13px;
    padding-bottom: 13px;
    line-height: 27px;
  }

}


.home-section { 
  padding-top: 120px; 
  padding-bottom: 135px; 
  background-image: url(../images/banner_home.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}

.quienes { 
  padding-top: 0px; 
  padding-bottom: 0px;
  background-color: #fdb913;
}

.servicios { 
  padding-top: 20px; 
  padding-bottom: 20px;
  background-color: #ffffff;
}

.clientes { 
  padding-top: 0px; 
  padding-bottom: 20px;
  background-color: #dfdfdf;
}

.clientes .logos>img {
  padding-top: 30px;
  padding-bottom: 0px;  
  width: auto;

}

.text-center {
    text-align: center;
}

.footer {
  background-color: #42434a;
  text-align: center;
  padding-top: 20px; 
  padding-bottom: 10px;
}

.footer>p {
  color: #dfdfdf;
}

.formulario {
  padding-top: 30px;
}