@media (min-width:320px){
    .movie_ilustre{
      width: 250px !important;
    }
    .movie_video{
      height: 200px !important;
    }
  }

  @media (min-width:576px){
    .movie_ilustre{
      width: 150px !important;
    }
    .movie_video{
      height: 310px !important;
    }
  }

  @media (min-width:768px){
    .movie_ilustre{
      width: 210px !important;
    }
    .movie_video{
      height: 500px !important;
    }
  }

  @media (min-width:992px){
    .movie_ilustre{
      width: 280px !important;
    }
    .movie_video{
      height: 500px !important;
    }
  }

  .tfr-color{
    background: #fff !important;
      color: black !important;
  }
  .content-wrapper{
      background-color: #343a40 !important;
  }

  .btnShowMovie:hover, .btnShowMovie:focus{
      background-color: #7f00c675!important;
      color: white!important;
      text-decoration: none;
  }
  
  .btnShowTrailer:hover, .btnShowTrailer:focus{
      background-color: #7f00c675!important;
      color: white!important;
      text-decoration: none;
  }

  .btnClose:hover, .btnClose:focus{
      background-color: #7f00c675!important;
      color: white!important;
      text-decoration: none;
  }

  .btnShowMovie{
      background-color: #00000085 !important;
      color: #f8f9fa!important;
      border: 3px solid #ffffff;
      border-radius: 7px;
  }
  .btnClose{
      /* background-color: #00000085 !important; */
      color: #212529!important;
      border: 3px solid #ffffff;
      border-radius: 7px;
      border-color: black;
  }

  .btnShowTrailer{
      background-color: #00000085 !important;
      color: #ff4a4a !important;
      border: 3px solid red;
      border-radius: 7px;
  }