#moviesGrid {
  align-content: center;
  text-align: center;	
  padding-top: 10px;
  padding-bottom: 25px;	
}

/*--NEW MODAL VERTICAL CLASS--*/
.embed-responsive-9by16::before{
	padding-top:178% !important;
}

.modal-dialog.modal-vert {
    width: 360px;
    margin: 10px auto;
}

@media (min-width: 992px){
    .modal-dialog.modal-vert {
    width: 380px;
    margin: 10px auto;
}
}

@media (min-width: 1200px){
    .modal-dialog.modal-vert {
    width: 420px;
    margin: 10px auto;
}
}

/*--Movie thumbs--*/
.movieIMG {
  height: 140px;
  margin: 15px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;    
}

@media (min-width: 576px) {
  .movieIMG {
    height: 150px;
    margin: 50px 0	10px	0;
  }
}

@media (min-width: 768px) {
  .movieIMG {
    height: 150px;
    margin: 25px 0;
  }
}

.movie1 {
  background-image: url(../../assets/img/movies/movieTrailer.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.movie2 {
  background-image: url(../../assets/img/movies/movieDance.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.movie3 {
  background-image: url(../../assets/img/movies/movieSlip.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.movie4 {
  background-image: url(../../assets/img/movies/movieJuggle.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.movie5 {
  background-image: url(../../assets/img/movies/movieWhisper.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.trailerIMG {
  height:280px;
  margin-top: -80px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;    
}
@media (min-width: 414px) {
  .trailerIMG {
    height: 300px;
   margin-top: -60px;
  }
}
@media (min-width: 414px) {
  .trailerIMG {
    height: 240px;
   margin-top: -50px;
  }
}

@media (min-width: 768px) {
  .trailerIMG {
    height: 360px;
   margin-top: -40px;
  }
}

.movieXL {
  background-image: url(../../assets/img/movies/movieTrailerXL.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}