@import url('https://fonts.googleapis.com/css?family=Poppins:400,700,900');

.slide-container h3,
.bottom-container h2,
.l-a-item-a .episode-number-tag span {
  font-family: 'Poppins', sans-serif;
}

.bottom-container {
  width: 100%;
  position: relative;
  z-index: 2;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
}

@media only screen and (max-width:1000px) {
  .anime-in-trending {
    min-width: 200px;
  }
}

@media only screen and (max-width:800px) {
  .anime-in-trending {
    min-width: 170px;
    min-height: 240px;
  }

  .anime-in-trending .image-container img {
    width: 170px;
    height: 240px;
  }

  .vertical-container .film-title {
    margin-top: 80px;
    font-size: 110%;
  }
}

@media only screen and (max-width:800px) {
  .anime-in-trending {
    min-width: 140px;
    min-height: 220px;
  }

  .vertical-container .film-title {
    font-size: 100%;
    transform: rotate(0);
    width: 100%;
    height: 100%;
    margin: 0;
  }

  .vertical-container span {
    font-size: 40px;
    padding: 0 3px;
  }
}

@media only screen and (max-width:550px) {
  .anime-in-trending {
    min-width: 120px;
    min-height: 180px;
    position: relative;
  }

  .vertical-container {
    position: absolute;
    width: 120px;
    display: flex;
    flex-direction: column-reverse;
    bottom: 0px;
  }

  .anime-in-trending .image-container img {
    width: 120px;
    height: 180px;
  }

  .vertical-container span {
    display: block;
    position: static;
    margin: 0;
    height: auto;
    margin-top: -10px;
    font-size: 30px;
  }

  .vertical-container .film-title {
    position: relative;
    transform: rotate(0deg);
    margin-top: 0;
    margin-left: 0;
    font-size: 12px;
    width: 95%;
    padding-left: 5%;
    padding-block: 5px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 0.6cm;
  }
}