@media only screen and (min-width: 600px) and (max-width: 1500px){
.content{
    overflow: hidden;
    
    display: none;
    
}
.vid{
    overflow: hidden;
    
    display: none;
}
.jumbotro {
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(img/shipooo.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 450px;
}
.jumbotro-fluid {
  padding-right: 0;
  padding-left: 0;
}
}

@media only screen and (max-width: 600px){
    

    .content{
    overflow: hidden;
    display: all;
    
}

.vid{
    overflow: hidden;
    display: all;
    
}

 
.jumbotro {
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(img/shipooo.jpg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 350px;
}
.mx-auto{
    overflow: hidden;
    visibility: none;
    display: none;
}

.slide {
  text-align : center;
  transform  : translateX(-100vw);
  animation  : 2s slideIn forwards;
  }  
.second {
  margin-top      : -.8em;
  animation-delay : 2s;
  } 
@keyframes slideIn {
  0%   { transform : translateX(-100vw); }
  100% { transform : translateX(0);      }
  }


}