html,
body,
header,
#intro,
#extra,
#anime {
    height: 100%;
}

#intro {
    background: url("../img/VitrinaVentas.jpg")no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#extra {
     background: url("../img/banerprincipal.png")no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#anime {
     background: url("/img/pexels-photo-3089685.jpeg")no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.video-fluid {
  width: 100%;
  height: auto;
}
.nav-item {
  font-size: 0.8rem;
}
embed{
  width: 80%;
  height: 80vh;
}
.top-nav-collapse {
    background-color: #2E2E2E

  }
  @media (max-width: 768px) {
    .navbar:not(.top-nav-collapse) {
      background-color: #2E2E2E
      ;
    }
  }
  @media (min-width: 800px) and (max-width: 850px) {
    .navbar:not(.top-nav-collapse) {
      background-color: #2E2E2E
      ;
    }
  }


/** Preloader**/
.map-container{
     overflow:hidden;
     padding-bottom:56.25%;
     position:relative;
     height:0;
     }
     .map-container iframe{
     left:0;
     top:0;
     height:100%;
     width:100%;
     position:absolute;
}