html,
body,
header,
.view {
  height: 100%;
}

@media (max-width: 740px) {

  html,
  body,
  header,
  .view {
    height: 1050px;
  }
}

@media (min-width: 800px) and (max-width: 850px) {

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

@media (min-width: 800px) and (max-width: 850px) {
  .navbar:not(.top-nav-collapse) {
    background: #1C2331 !important;
  }
}

@media screen and (min-device-width: 1024px) and (max-device-height: 1310px){
  html,
  body,
  header,
  .view {
    
    height: 105%;
  }
  .full-page-intro{
    height: 105%;
  }
  .video-intro2{
    width: 100%;
   
  }
}

@media screen and (min-device-width: 1024px) and (max-device-height: 768px){
    html,
    body,
    header,
    .view {
      
      height: 105%;
    }
    .full-page-intro{
      height: 105%;
    }
    .video-intro2{
      width: 100%;
     
    }
}



@media only screen and (min-device-width: 360px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait){
  html,
  body,
  header,
  .view {
    /*width: 10px;*/
    height: 300px;
  }
  .full-page-intro{
    height: 300px;
  }
  .video-intro2{
    width: 100%;
    top: 75px;
  }

}
@media only screen and (min-device-width: 375px) and (max-device-width: 750px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape){
  html,
  body,
  header,
  .view {
    /*width: 10px;*/
    height: 400px;
  }
  .full-page-intro{
    height: 400px;
  }
  .video-intro2{
    width: 100%;
    top: 75px;
  }
}