html,
body,
header,
.jarallax {
  height: 700px;
}

@media (max-width: 740px) {
  html,
  body,
  header,
  .jarallax {
    height: 100vh;
  }
}

@media (min-width: 800px) and (max-width: 850px) {
  html,
  body,
  header,
  .jarallax {
    height: 100vh;
  }
}

@media (min-width: 560px) and (max-width: 650px) {
  header .jarallax h1 {
    margin-bottom: .5rem !important;
  }
  header .jarallax h5 {
    margin-bottom: .5rem !important;
  }
}

@media (min-width: 660px) and (max-width: 700px) {
  header .jarallax h1 {
    margin-bottom: 1.5rem !important;
  }
  header .jarallax h5 {
    margin-bottom: 1.5rem !important;
  }
}

.top-nav-collapse {
  font-weight: bold;
  background-color: #000000 !important;  
}

.navbar:not(.top-nav-collapse) {
  color: #000000;
  font-weight: bold;
  background: transparent !important;
  
  
}

@media (max-width: 768px) {
  .navbar:not(.top-nav-collapse) {
    font-weight: bold;
    background: #000000 !important;
  }
}
@media (min-width: 800px) and (max-width: 850px) {
    .navbar:not(.top-nav-collapse) {
      font-weight: bold;
        background: #000000!important;
    }
}

footer.page-footer {
  background-color: #000000;
}

@media (max-width: 450px) {
  .display-3 {
    font-size: 3rem;
  }
}

.gold-text{
  color: #ffbf00;
}

.banner{
    background-image: url(../images/imagen2.jpg);
    background-repeat: no-repeat; 
    background-size: cover; 
    background-position: center center;
}
.noBanner{
    background-image:url(../images/Maquinsa.png);
}