body, html {
  height: 100%;
  margin: 0;
  font: 400 15px/1.8 "Lato", sans-serif;
  color: #777;
}

a {
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
  color: #E85301;
}
a:hover,
a:focus {
  color: #eb3812;
}

.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4{
  position: relative;
  opacity: 0.9;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
.bgimg-1 {
  background-image: url("../img/chilenogada2.jpg");
  min-height: 100%;
}

.bgimg-2 {
  background-image: url("../img/molepob.jpg");
  min-height: 400px;
}

.bgimg-3 {
  background-image: url("../img/pozole-3.jpg");
  min-height: 400px;
}

.bgimg-4 {
  background-image: url("../img/logoHD.png");
  min-height: 400px;
}

.caption {
  position: absolute;
  left: 0%;
  top: 50%;
  width: 100%;
  text-align: center;
  background-color: rgba(0,0,0,.5);
  color: white;
  text-shadow: 1px 3px #000;
  
  
}

/*.caption span.border {
  background-color: #111;
  color: #fff;
  padding: 18px;
  font-size: 25px;
  letter-spacing: 10px;*/

}

.caption .border {
  /*background-color: #111;*/
  color: #fff;
  padding: 18px;
  font-size: 25px;
  letter-spacing: 10px;

}

h1{
  font-size: 2rem;
  color: white;
}

h2{
  font-size: 1.5rem;
  color: white;
}

h3 {
  letter-spacing: 5px;
  text-transform: uppercase;
  font: 20px "Lato", sans-serif;
  color: #111;
}

h4 {
  letter-spacing: 5px;
  text-transform: uppercase;
  font: 20px "Lato", sans-serif;
  color: #fff;
}

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 960px) {
    .bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4 {
        background-attachment: scroll;
    }
}


.navbar-default {
  background-color: white;
  /*background-color: rgba(33,94,170,1);/*Original white*/
  border-color: rgba(34, 34, 34, 0.05);
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
}
.navbar-default .navbar-header .navbar-brand {
  color: #CE1126; /*rojo*/
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
}
.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus {
  color: #eb3812;
}
.navbar-default .navbar-header .navbar-toggle {
  font-weight: 700;
  font-size: 13px;
  color: #222222;
  text-transform: uppercase;
}
.navbar-default .nav > li > a,
.navbar-default .nav > li > a:focus {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 13px;
  color: #222222;
}
.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus:hover {
  color: #CE1126; /*rojo*/
}
.navbar-default .nav > li.active > a,
.navbar-default .nav > li.active > a:focus {
  color: #CE1126; /*rojo*/ !important;
  background-color: transparent;
}
.navbar-default .nav > li.active > a:hover,
.navbar-default .nav > li.active > a:focus:hover {
  background-color: transparent;
}

.navbar-default .navbar-header .navbar-brand .logosup {
      width: 180px;
      height: 30px;
      background-position: center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      background-size: cover;
      -o-background-size: cover;
      margin-top: -2px;
      background-image: url('../img/logo/logo168x40.png');
  }

.navbar-default .navbar-header .navbar-brand .logosupfb {
      width: 30px;
      height: 30px;
      background-position: center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      background-size: cover;
      -o-background-size: cover;
      margin-top: -3px;
      margin-left: -20px;
      background-image: url('../img/logo/fbLogo40x40.png');
  }

  .navbar-default .navbar-header .navbar-brand .logosupyt {
      width: 42.75px;
      height: 30px;
      background-position: center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      background-size: cover;
      -o-background-size: cover;
      margin-top: -3px;
      margin-left: -20px;
      background-image: url('../img/logo/ytIcon57x40.png');
  }


/*.navbar-default .navbar-header .navbar-brand > img {
      margin-top: -10px;
      height: 40px;
}
*/

@media (min-width: 768px) {
  .navbar-default {
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.0);
  }
  .navbar-default .navbar-header .navbar-brand {
    color: rgba(255, 255, 255, 1);/*Original alpha 0.7*/
  }
  .navbar-default .navbar-header .navbar-brand:hover,
  .navbar-default .navbar-header .navbar-brand:focus {
    color: white;
  }
  .navbar-default .nav > li > a,
  .navbar-default .nav > li > a:focus {
    color: rgba(255, 255, 255, 1);/*Original alpha 0.7*/
  }
  .navbar-default .nav > li > a:hover,
  .navbar-default .nav > li > a:focus:hover {
    color: white;
  }

  .navbar-default .navbar-header .navbar-brand .logosup {
      width: 180px;
      height: 30px;
      background-position: center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      background-size: cover;
      -o-background-size: cover;
      margin-top: -2px;
      background-image: url('../img/logo/logoBlanco168x40.png');
  }

  .navbar-default .navbar-header .navbar-brand .logosupfb {
      width: 30px;
      height: 30px;
      background-position: center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      background-size: cover;
      -o-background-size: cover;
      margin-top: -3px;
      margin-left: -5px;
      background-image: url('../img/logo/fbLogoBlanco40x40.png');
  }

  .navbar-default .navbar-header .navbar-brand .logosupyt {
      width: 42.75px;
      height: 30px;
      background-position: center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      background-size: cover;
      -o-background-size: cover;
      margin-top: -3px;
      margin-left: -5px;
      background-image: url('../img/logo/ytIconBlanco57x40.png');
  }

  /*
  .navbar-default .navbar-header .navbar-brand > img {
      margin-top: -10px;
      height: 40px;
  }
  */

  .navbar-default.affix {
    background-color: white;
    border-color: rgba(34, 34, 34, 0.05);
  }
  .navbar-default.affix .navbar-header .navbar-brand {
    color: #CE1126; /*rojo*/;
    font-size: 14px;
  }
  .navbar-default.affix .navbar-header .navbar-brand:hover,
  .navbar-default.affix .navbar-header .navbar-brand:focus {
    color: #eb3812;
  }
  .navbar-default.affix .nav > li > a,
  .navbar-default.affix .nav > li > a:focus {
    color: #222222;
  }
  .navbar-default.affix .nav > li > a:hover,
  .navbar-default.affix .nav > li > a:focus:hover {
    color: #CE1126; /*rojo*/
  }

  .navbar-default.affix .navbar-header .navbar-brand .logosup {
      width: 180px;
      height: 30px;
      background-position: center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      background-size: cover;
      -o-background-size: cover;
      margin-top: -2px;
      background-image: url('../img/logo/logo168x40.png');
  }

  .navbar-default.affix .navbar-header .navbar-brand .logosupfb {
      width: 30px;
      height: 30px;
      background-position: center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      background-size: cover;
      -o-background-size: cover;
      margin-top: -3px;
      margin-left: -5px;
      background-image: url('../img/logo/fbLogo40x40.png');
  }

  .navbar-default.affix .navbar-header .navbar-brand .logosupyt {
      width: 42.75px;
      height: 30px;
      background-position: center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      background-size: cover;
      -o-background-size: cover;
      margin-top: -3px;
      margin-left: -5px;
      background-image: url('../img/logo/ytIcon57x40.png');
  }

}

footer{
  width: 100%;
  text-align: center;
  color: #424242;
}