.film-title{
    padding: 25px;
    font-size: 40px;
    text-transform: uppercase;
    font-family: 'Roboto';
}

.review-title, .gallery-title, .rating-title{
    padding: 25px;
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'Roboto';
}

.rating-title{
  padding-bottom: 0px;
}

.review-wraper{
  margin-left: 20px;
  padding-right: 20px;
}

td{
  padding-bottom: 8px;
}

.film-info-right-column{
  text-align: right;
  color: rgba(0,0,0,.5);
}

.film-info-left-column{
    padding-left: 20px;
}
.film-details-colum{
    font-size: 15px;
}

.details-subtitle{
  padding-bottom: 10px;
  text-transform: uppercase;
  font-family: 'Roboto';
  font-size: 17px;
}

.details-subtitle-bottom{
  padding-top: 5px;
}

.gallery-photo{
    padding-bottom: 15px;
}

.gallery-photo-left{
  /*background-color: blue;*/
  float:left;
  padding-right: 25px;
}

@media screen and (min-width: 1200px){
  /*#main {
    background-color: #e8f5e8;
  }*/
  .cover > img{
    width: 400px;
  }
  .film-cover-column{
    width: 37%;
  }
  .film-details-colum{
   width: 46%;
  }
  .review-wraper{
    width: 900px;
  }
}

@media screen and (min-width: 1200px)and (max-width: 1285px){
  /*#main {
    background-color: #dd7fff;
  }*/
  .gallery-photo > img{
    width: 460px;
  }
  .narrow-photo > img{
    width: 380px;
  }
  .wide-photo > img{
    width: 540px;
  }
}

@media screen and (min-width: 1025px)and (max-width: 1200px){
  /*#main {
    background-color: #e8e8f6;
  }*/
  .cover > img{
    width: 370px;
  }
  .film-cover-column{
    width: 42%;
    padding-right: 0px;
  }
  .film-details-colum{
   width: 40%;
   padding-left: 0px;
  }
  .gallery-photo > img{
    width: 378px;
  }
  .narrow-photo > img{
    width: 315px;
  }
  .wide-photo > img{
    width: 440px;
  }
  .review-wraper{
    width: 700px;
  }
}


@media screen and (min-width: 768px)and (max-width: 1025px){
  /*#main {
    background-color: #e8e8e8;
  }*/
  .cover > img{
    width: 300px;
  }
  .film-cover-column{
    width: 42%;
  }
  .film-details-colum{
    width: 58%;
  }
  .film-details-colum{
    font-size: 14px;
  }
  p{
    font-size: 14px;
  }
  .details-subtitle{
    font-size: 16px;
  }
  .film-title{
    padding: 15px;
    margin-left: 30px;
  }
  .gallery-photo > img{
    width: 360px;
  }
  .narrow-photo > img{
    width: 300px;
  }
  .wide-photo > img{
    width: 420px;
  }

}

@media screen and (min-width: 992px)and (max-width: 1025px){
  /*#main {
    background-color: #f7f999;
  }*/
  .cover > img{
    width: 300px;
  }
  .film-cover-column{
    width: 35%;
  }
  .film-details-colum{
    width: 65%;
  }
  .gallery-photo > img{
    width: 470px;
  }
  .narrow-photo > img{
    width: 390px;
  }
  .wide-photo > img{
    width: 550px;
  }
}


@media screen and (max-width: 767px){
  /*#main {
    background-color: #f5e8f5;
  }*/
  .cover > img{
    width: 200px;
  }
  .film-title{
    font-size: 25px;
    padding: 10px;
  }
    .film-details-colum{
    font-size: 14px;
  }
  p{
    font-size: 14px;
  }
  .details-subtitle{
    font-size: 16px;
  }
  .details-subtitle-top{
    padding-top: 15px;
  }
  .gallery-photo > img{
    width: 400px;

  }
  .gallery-wraper{
    padding-left: 25px;
  }
}


