.section {
    width:100%;
    box-sizing: border-box;
    padding:30px;
}

.section>div {
    height:100%;
    width:100%;
    margin-top:80px;
}

.selector {
    height:100px;
    width:100%;

    display: flex;
    justify-content: center;
    align-items: center;
}
.selector button {
    width:45%;
    height:90%;
    margin:5%;
    border-radius: 35px;
    border:none;
    font-size: 100%;
    background:none;
    font-family: amped;
    color:white;
    transition-duration: 0.3s;
    cursor: pointer;
    outline:none;
}
.selector  button:hover {
    transform: scale(1.03);
    transition-duration: 0.3s;
}

.selector .selected {
    background:#028b92 !important;
    box-shadow: 0 4px 8px 0 #028b92, 0 6px 20px 0 #028b92 !important;
}

.images {
    height:2000px;
    margin-top:30px;
    display: flex;
    justify-content: center;
}

#c1,#c2,#c3,#c4 {
    width:24%;
    box-sizing: border-box;
    height:100%;
    margin:1%;
}

.images img {
    width:100%;
    box-shadow: 0 4px 8px 0 #028b9228, 0 6px 20px 0 #028b9228 !important;
}

#film {
    height:400px;
    display: none;
}


  .row__poster {
    object-fit: contain;
    max-height: 200px;
    margin-right:10px;
    transition: transform 450ms;
  }
  
  .row__posters {
    display: flex;
    overflow-y: hidden;
    overflow-x: scroll;
    padding: 20px;
  }
  
  .row__poster:hover {
    transform: scale(1.08);
  }
  
  body::-webkit-scrollbar {
    display: none;
  }
  /* width */
  ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #000000;
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 2px;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
  
  
  .row__posterLarge {
    max-height:300px;
  }
  
  .lastrow {
    padding-bottom: 20px;
  }
  
  .poster_container {
    max-width: 139px;
    margin-right:10px;
  }
  
  .poster_containerL {
    max-width: 202px;
    margin-right:10px;
    padding:0;
  }
  
  .poster_overlay {
    bottom: 0; 
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5); /* Black see-through */
    color: #f1f1f1; 
    transition: .5s ease;
    opacity:0;
    color: white;
    position:relative;
    text-align: center;
    
    margin: 0;
    width:100%;
  }
  
  .poster_container:hover .poster_overlay {
    opacity:1;
  }
  .poster_containerL:hover .poster_overlay {
    opacity:1;
  }