.container-videos {
  background-color: #ffff;
  padding-bottom: 2.6875rem;
}

.card-videos {
  min-height: 280px;
  margin-bottom: 10px;
}

.card-videos .texto {
  padding-top: 5px;
  padding-left: 2px;
}

.card-videos .texto span {
  font-family: Roboto;
  font-size: 16px;
  line-height: 1.86;
  text-align: left;
  color: #65727E;
}

.card-videos .texto p {
  font-family: Roboto-B;
  font-size: 18px;
  line-height: 1.08;
  text-align: left;
  color: #303030;
}

.card-videos:hover .texto p {
  color: #045237;
}

.card-videos-interna {
  margin-bottom: 15px;
}

.margin-fotos {
  padding-bottom: 30px;
}

.titulo-video p {
  font-family: Roboto-B;
  font-size: 25px;
  line-height: 1.08;
  text-align: left;
  color: #303030;
}

.titulo-video span {
  font-family: Roboto;
  font-size: 16px;
  line-height: 1.86;
  text-align: left;
  color: #65727E;
}

.texto-video {
  font-family: Roboto;
  font-size: 16px;
  line-height: 1.86;
  text-align: left;
  color: #303030;
}

@media only screen and (max-width: 575px) {
  .card-videos {
    min-height: 450px;
  }
}

@media only screen and (max-width: 500px) {
  .card-videos {
    min-height: 400px;
  }
}

@media only screen and (max-width: 425px) {
  .retangulo-capa:before {
    height: 3.75rem;
  }
  .titulo-capa span {
    font-size: 1.625rem;
  }
  .card-videos {
    min-height: 350px;
  }
}

@media only screen and (max-width: 375px) {
  .card-videos {
    min-height: 300px;
  }
}

@media only screen and (max-width: 320px) {
  .titulo-capa span {
    font-size: 1.5rem;
  }
  .card-videos {
    min-height: 270px;
  }
}