.cast_year, .cast_block {
      text-align: center; 
      background-image: url(images/bg.jpg);
      background-repeat: no-repeat;
      background-color: #000000;
      color: #ffffff;
    }
    
    .cast_year {
      border-radius: 20px;
    }
    
    .cast_year::after {
      content: '';
      width: 50%;
      margin: 30px auto;
      display: block;
      border-bottom: 5px solid #800000;
      border-radius: 50%;
    }
    
    .cast_year h1, .cast_year h2, .cast_year h3 {
          padding-top: 20px;
    }
    
    .cast_thumbs {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-evenly;
    }
    
    .cast_thumbs figure {
      background-color: #80000066;
      border-radius: 20px;
      transition: all 0.2s ease-in-out;
    }
    
    .cast_thumbs figure:hover {
      background-color: #800000dd;
    }
    
    .cast_thumbs img {
      border-radius: 10px;
      filter: grayscale(0.5);
      transition: all 0.2s ease-in-out;
    }
    
    .cast_thumbs figure:hover img {
      transform: scale(1.05);
      filter: grayscale(0);
    }
    
    .cast_thumbs figcaption {
      text-transform: capitalize;
      text-align: center;
      font-family: 'BebasNeue';
      color: #ffffff;
    }
    
    .cast_thumbs img.year_limit {
      filter: grayscale(1) blur(5px) contrast(2)!important;
    }
    
    
    .cast_block {
      display: inline-block;
      border: 3px solid #800000;
      overflow: hidden;
    }
    
    .cast_block h1 {
      text-transform: capitalize;
    }
    
    .cast_block .info_desc {
      clear: both;
      padding: 20px;
      text-align: justify;
      text-indent: 1em;
    }
    
    .cast_block img {
      cursor: pointer;
    }
    
    .cast_gallery {
      display: flex; 
      flex-wrap: wrap;
      justify-content: space-evenly;
    }
    
    .cast_gallery img {
      transition: all 0.2s ease-in-out;
      object-fit: cover;
      cursor: pointer;
    }
    
    .cast_gallery img:hover {
      transform: scale(1)!important;
    }
    
    .chars_bar {
      display: flex;
    }
    

 /*Desktop only CSS*/

  @media only screen and (min-width: 1000px) {
    
    .cast_year, .cast_block {
      background-size: 200%;
    }
    
    .cast_thumbs figure {
      width: 23%;
      margin: 5px 0;
    }
    
    .cast_block {
      border-radius: 100px;
      margin-top: 50px;
    }
    
    .cast_block > img {
      width: 30%;
      border: 3px solid #800000;
    }
    
    .cast_block > img:nth-of-type(1) {
      float: left;
      border-bottom-right-radius: 100px;
      border-width: 0 3px 3px 0;
    }
    
    .cast_block > img:nth-of-type(2) {
      float: right;
      border-bottom-left-radius: 100px;
      border-width: 0 0 3px 3px;
    }
    
    .cast_gallery img {
      border-radius: 20px;
      height: 450Px;
      margin: 5px 0;
    }
    
  }


   
 /*Mobile only CSS*/

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

    .cast_year, .cast_block {
      background-size: 500%;
    }
    
    .cast_thumbs figure {
      width: 30%;
      margin: 5px 0;
    }
    
    .cast_block {
      border-radius: 100px 100px 30px 30px;
      margin-top: 30px;
    }

    .cast_block > img {
      width: 50%;
      border-bottom: 3px solid #800000;
    }
    
    .cast_gallery img {
      border-radius: 20px;
      height: 30vh;
      margin: 5px 0;
    }
    
  }