.main-background {
  background: linear-gradient(77.17deg, rgba(184, 81, 85, 0.9) 16.54%, rgba(202, 98, 63, 0.9) 42.66%, rgba(238, 198, 120, 0.9) 72.44%, rgba(165, 205, 190, 0.9) 94.89%);
  height: 86px;
}

.banner-top {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  min-height: 62vh;
  background-image: url("/static/images/png/midia/banner-midia.png");
}

.midia-text {
  color: white;
  opacity: 0.3;
  font-size: 6rem;
}

.card {
  width: 20%;
}

.text-overflow {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.fixed-bottom{
  z-index: 0 !important;
}

@media screen and (max-width: 1024px) {
  .card {
    width: 28%;
  }
}

@media screen and (max-width: 768px) {
  .card {
    width: 43%;
  }
}

@media screen and (max-width: 658px) {
  .main-background {
    height: 133px;
  }

  .midia-text {
    font-size: 4rem;
  }

  .card {
    width: 40%;
  }
}

@media screen and (max-width: 414px) {
  .card {
    width: 38%;
  }
}

@media screen and (max-width: 375px) {
  .card {
    width: 87%;
  }
}

@media screen and (max-width: 360px) {
  .midia-text {
    font-size: 3rem;
  }

  .card {
    width: 100%;
  }
}