html,
body,
header,
.intro-2 {
  height: 100%;
}

@media (min-width: 560px) and (max-width: 740px) {
    html,
    body,
    header,
    .intro-2 {
      height: 500px;
    }
}

@media (min-width: 800px) and (max-width: 850px) {
    html,
    body,
    header,
    .intro-2 {
      height: 500px;
    }
}

@media (min-width: 800px) and (max-width: 850px) {
    .navbar:not(.top-nav-collapse) {
        background: #3e4551!important;
    }
    .navbar {
      box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12) !important;
    }
}

.main-front {
background-image: url('../img/slider/portada.jpg'); 
background-repeat: no-repeat; 
background-size: cover; 
background-position: center center;  
}

.parallax-1 {
background-image: url('../img/slider/parallax.jpg'); 
background-repeat: no-repeat; 
background-size: cover; 
background-position: center center; 
}