@import url(var.css);

.banner-principal {
  width: 50vw;
  color: #fff;
  padding-bottom: 30px;
  margin: 0 auto;
}

.banner-dentista {
  margin: 0 auto;
  width: 50%;
}

@media (min-width: 1025px) and (max-width: 1200px) {
  .banner-principal {
    width: 70vw;
  }
  .banner-dentista {
    width: 70vw;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .banner-principal {
    width: 80vw;
  }
  .banner-dentista {
    width: 80vw;
  }
}

@media (min-width: 481px) and (max-width: 768px) {
  .banner-principal {
    width: 85vw;
  }
  .banner-dentista {
    width: 85vw;
  }
}

@media (max-width: 480px) {
  .banner-principal {
    width: 90vw;
  }
  .banner-dentista {
    width: 90vw;
  }
}