* {
  margin: 0;
  padding: 0;
  font-family: Roboto, Roboto Slab, Effra Bold;
}

@font-face {
  font-family: "Effra";
  src: url("Effra_Std_Bd.ttf") format(truetype),
    url("Effra_Std_He.ttf") format(truetype) url("Effra_Std_Lt.ttf")
      format(truetype),
    url("Effra_Std_Rg.ttf") format(truetype);
}

header {
  height: 40px;
  background-color: azure;
  box-shadow: 0px 1px 1px 0px rgba(133, 127, 127, 0.733);
}

.header-nature {
  margin-top: 10px;
}

.hidrat img {
  position: absolute;
}

.bi-bi-arrow-down {
  animation: jumping 1s linear infinite;
  cursor: pointer;
}

@keyframes jumping {
  from {
    transform: translateY(-15px);
  }

  50% {
    transform: translateY(0);
  }

  to {
    transform: translatey(-15px);
  }
}

.cosmetico {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.cosmetico h1 {
  font-style: Roboto;
  font-size: 60px;
  text-align: center;
  margin-bottom: 25px;
  padding-top: 5%;
  color: #484b57;
}

.cosmetico p {
  text-align: center;

  font-size: 20px;
  color: white;
  margin-bottom: 25px;
  background-color: #1ab122;
}

.bi-bi-arrow-down {
  margin-top: 3%;
}

.doctor-h {
  margin-top: 8%;
}

.d-text h1 {
  text-align: center;
  color: #484b57;
  font-size: 50px;
}

.d-text p {
  text-align: center;
  color: #ff594e;
  font-size: 25px;
}

.doutor {
  align-items: center;
  display: flex;
}

.doutor p {
  font-style: Roboto;
  text-align: left;
  font-size: 23px;
}

.oferta-h {
  display: flex;
  background-color: #3b4157;
  width: 100%;
  height: 235px;
  justify-content: space-around;
  align-items: center;
}

.oferta-h img {
  position: absolute;
}

.oferta-promo h2 {
  position: relative;
  margin-left: 33%;
  color: white;
  margin-top: 80px;
}

.oferta-promo p {
  color: white;
  font-size: 35px;
}

.pacotepromo {
  background-color: #3b4157;
  height: 580px;
}

.produto-promo {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 3%;
  padding-left: 3%;
}

.produto-medicinal {
  background-color: #f5f5f5;
  height: 450px;
  width: 375px;
  border-radius: 5px;
}

.produto-medicinal h2 {
  margin-top: 8%;
  padding-top: 2%;
  margin-left: 40px;
  margin-bottom: 17px;
  text-align: center;
  background-color: #484b57e5;
  width: 300px;
  height: 50px;
  font-size: 25px;
  border-radius: 5px;
  background-position: top 10%;
  color: #f5f5f5;
}

.produto-medicinal button {
  color: #484b57;
  border: none;
  width: 80px;
  height: 80px;
  background-color: #9292923d;
  font-size: 30px;
  cursor: pointer;
  border-radius: 5px;
  font-weight: bold;
  margin-top: 5%;
}

.produto-medicinal button:hover {
  background-color: #04a10ccc;
  color: #f5f5f5;
}

.produto-medicinal button p {
  color: #484b57e5;
  font-size: 22px;
  font-weight: 100;
  margin-bottom: 5%;
}

.produto-medicinal button p:hover {
  color: #f5f5f5;
}

.produto-medicinal h3 {
  margin-top: 10px;
  text-align: center;
  font-size: 20px;
}

#a1 {
  margin-left: 17%;
}

.produto-medicinal h4 {
  font-weight: normal;
  color: #04a10ccc;
  text-align: center;
  font-size: 20px;
}

.produto-medicinal h5 {
  text-align: center;
  font-size: 20px;
  margin-top: 5%;
}

.a-vista {
  text-align: center;
  font-size: 20px;
  color: #04a10ccc;
}
.outro-a-vista {
  color: #04a10ccc;
  text-align: center;
}

.produto-medicinal h6 {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  margin-top: 40px;
  margin-left: 17%;
  background-color: #ff5a4eec;
  border-radius: 30px;
  width: 250px;
  height: 40px;
  padding-top: 2%;
  color: #f5f5f5;
  cursor: pointer;
}

.produto-medicinal h6:hover {
  background-color: #fd4c3f;
}

.assinante p {
  cursor: pointer;
}

.promocao-10 {
  transform: translate(-94px, -225px);
}

.assinante {
  background-color: #f5f5f5;
  height: 400px;
  width: 440px;
  border-radius: 5px;
  box-shadow: inset 15px -0px 30px -15px rgba(51, 51, 51, 0.705);
}

.assinante h2 {
  color: #f5f5f5;
  margin-top: 6%;
  margin-left: 18px;
  width: 400px;
  height: 100px;
  text-align: center;
  background-color: #484b57e5;
  border-radius: 5px;
  padding-top: 8px;
}

.assinante p {
  margin-left: 30px;
  text-align: justify;
  color: #484b57;
  font-size: 15px;
}

.assinante p img {
  pointer-events: none;
}

.marcador-assinante {
  margin-top: 9%;
  background-color: #9292923d;
  width: 370px;
  margin-left: 8%;
}

.marcador-assinante p {
  font-size: 18px;
  text-align: center;
  padding-top: 5px;
  transform: translateX(-20px);
}

.garantia h1 {
  margin-top: 10%;
  text-align: center;
}

.garantia p {
  text-align: center;
  color: #ff594e;
  font-size: 15px;
  margin-bottom: 20%;
}

.selo-garantia {
  display: flex;
  align-items: center;
  background-color: #ffffff00;
  border-radius: 25px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 10%;
}

.selo-garantia p {
  padding-top: 2%;
  font-size: 15px;
  text-align: left;
  font-style: Roboto;
  margin-left: 15px;
}

.resultado-titulo h1 {
  text-align: center;
  margin: 2%;
}

.resultado-titulo p {
  text-align: center;
  color: #ff594e;
  margin-bottom: 15px;
}

.resultado-img {
  display: flex;
  justify-content: space-between;
}

.resultado-two {
  display: flex;
  justify-content: space-between;
}

.resultado-text p {
  text-align: left;
  font-size: 15px;
  margin-bottom: 10%;
}

.duvida-inicial {
  background-color: #3b4157;
  height: 795px;
}

.duvida-inicial h1 {
  text-align: center;
  color: #f5f5f5;
  padding-top: 5%;
  padding-bottom: 3%;
}

.bi-bi-plus {
  color: #ff594e;
}

.duvida-inicial hr {
  color: #f5f5f5;
  height: 2px;
  border-width: 0;
  background-color: #f5f5f5;
}

.du-vi-da {
  color: #f5f5f5;
  cursor: pointer;
  text-decoration: none;
}

.du-vi-da:hover {
  color: #f5f5f5;
}

.duvida-inicial p {
  color: #f5f5f5;
}

.duvida-a p {
  display: block;
}

.duvida-a p {
  margin-top: 2%;
  display: none;
}

.duvida-b p {
  display: block;
}

.duvida-b p {
  margin-top: 2%;
  display: none;
}

.duvida-c p {
  display: block;
}

.duvida-c p {
  margin-top: 2%;
  display: none;
}

.duvida-d p {
  display: block;
}

.duvida-d p {
  margin-top: 2%;
  display: none;
}

.duvida-e p {
  display: block;
}

.duvida-e p {
  margin-top: 2%;
  display: none;
}

.duvida-f p {
  display: block;
}

.duvida-f p {
  margin-top: 2%;
  display: none;
}

.duvida-g p {
  display: block;
}

.duvida-g p {
  margin-top: 2%;
  display: none;
}

.duvida-h p {
  display: block;
}

.duvida-h p {
  margin-top: 2%;
  display: none;
}

.suplemento-a h1 {
  margin-top: 5%;
  text-align: center;
}

.suplemento-a p {
  text-align: center;
  font-size: 23px;
  color: #ff594e;
  font-family: roboto Slab;
}

.suplemento-atributo ul {
  color: #1ab122;
}

.suplemento-atributo p {
  color: #484b57;
}

.suplemento-anti {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 2%;
}

.suplemento-assinante {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 5%;
  margin-bottom: 5%;
}

.suplemento-promo {
  background-color: #f5f5f500;
  height: 450px;
  width: 375px;
  border-radius: 5px;
  box-shadow: -3px 8px 16px 4px rgba(171, 171, 171, 1);
}

.suplemento-promo h2 {
  margin-top: 8%;
  padding-top: 2%;
  margin-left: 40px;
  margin-bottom: 17px;
  text-align: center;
  background-color: #484b57e5;
  width: 300px;
  height: 50px;
  font-size: 25px;
  border-radius: 5px;
  background-position: top 10%;
  color: #f5f5f5;
}

.suplemento-promo button {
  color: #484b57;
  border: none;
  width: 80px;
  height: 80px;
  background-color: #9292923d;
  font-size: 30px;
  cursor: pointer;
  border-radius: 5px;
  font-weight: bold;
  margin-top: 5%;
}

.suplemento-promo button:hover {
  background-color: #04a10ccc;
  color: #f5f5f5;
}

.suplemento-promo button p {
  color: #484b57e5;
  font-size: 22px;
  font-weight: 100;
  margin-bottom: 5%;
}

.suplemento-promo button p:hover {
  color: #f5f5f5;
}

.suplemento-promo h3 {
  margin-top: 10px;
  text-align: center;
  font-size: 20px;
}

#aa1 {
  margin-left: 17%;
}

.suplemento-promo h4 {
  font-weight: normal;
  color: #04a10ccc;
  text-align: center;
  font-size: 20px;
}

.suplemento-promo h5 {
  text-align: center;
  font-size: 20px;
  margin-top: 5%;
}

.suplemento-avista {
  text-align: center;
  font-size: 20px;
  color: #04a10ccc;
}

.suplemento-promo h6 {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  margin-top: 40px;
  margin-left: 17%;
  background-color: #ff5a4ed5;
  border-radius: 30px;
  width: 250px;
  height: 40px;
  padding-top: 2%;
  color: #f5f5f5;
  cursor: pointer;
}

.suplemento-promo h6:hover {
  background-color: #ff594e;
}

.assinante-desconto img {
  transform: translate(345px, -458px);
}
.assinante-down p {
  cursor: pointer;
}
.assinante-down {
  background-color: #f5f5f531;
  height: 400px;
  width: 440px;
  border-radius: 5px;
  box-shadow: 4px 5px 8px 0px rgba(138, 138, 138, 1);
}

.assinante-down h2 {
  color: #f5f5f5;
  margin-top: 6%;
  margin-left: 18px;
  width: 400px;
  height: 100px;
  text-align: center;
  background-color: #484b57e5;
  border-radius: 5px;
  padding-top: 8px;
}

.assinante-down p {
  margin-left: 30px;
  text-align: justify;
  color: #484b57;
  font-size: 15px;
}
.resultado img:hover {
  cursor: pointer;
  transform: scale(1.3);
}
.resultado-img img:hover {
  cursor: pointer;
  transform: scale(1.3);
}

.marcador-assinante {
  margin-top: 9%;
  background-color: #9292923d;
  width: 370px;
  margin-left: 8%;
}

.marcador-assinante p {
  font-size: 18px;
  text-align: center;
  padding-top: 5px;
  transform: translateX(-20px);
}

footer {
  background-color: #f5f5f5c2;
  height: 200px;
}

.nature-conclusao p {
  padding-top: 5%;
  font-size: 11px;
}
.nature-footer {
  color: #484b577c;
}
.nature-footer p {
  font-family: Roboto;
}
.logo-footer {
  padding-top: 2%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.logo-footer p {
  padding-top: 1%;
}

@media screen and (max-width: 1350px) {
  .cosmetico h1 {
    font-size: 4em;
  }

  .cosmetico p {
    font-size: 80%;
  }

  .cosmetico iframe {
    width: 580px;
    height: 320px;
  }
}

@media screen and (max-width: 1260px) {
  .cosmetico h1 {
    font-size: 2.8em;
    margin-bottom: 10px;
  }
  .cosmetico p {
    font-size: 70%;
    margin-bottom: 15px;
  }
  .cosmetico iframe {
    width: 520px;
    height: 290px;
    margin-bottom: 5px;
  }
  .d-text {
    padding-top: 5%;
  }
  .d-text p {
    margin-bottom: 0%;
  }
  .d-text h1 {
    font-size: 2.4em;
  }
  .doutor p {
    font-size: 17px;
  }
  .doutor img {
    width: 380px;
  }
}

@media screen and (max-width: 950px) {
  .cosmetico h1 {
    font-size: 2.3em;
    margin-bottom: 5px;
  }
  .cosmetico p {
    font-size: 50%;
    margin-bottom: 5px;
  }
  .cosmetico iframe {
    width: 360px;
    height: 200px;
  }
  .d-text h1 {
    font-size: 2em;
  }
  .d-text p {
    font-size: 18px;
  }
  .d-text {
    padding-top: 5%;
  }
  .doutor p {
    font-size: 13px;
  }
  .doutor img {
    width: 290px;
  }
  .produto-promo {
    padding-top: 3%;
  }

  #a1 {
    margin-left: 30px;
  }
  .produto-medicinal {
    background-color: #f5f5f5;
    height: 400px;
    width: 350px;
  }
  .produto-promo h2 {
    padding-top: 3%;
    margin-left: 30px;
    font-size: 20px;
    width: 250px;
    height: 50px;
  }
  .produto-medicinal h6 {
    margin-left: 33px;
    margin-top: 0px;
  }
  .assinante {
    padding-top: 3%;
    height: 350px;
    width: 370px;
  }
  .assinante h2 {
    width: 285px;
    height: 70px;
  }
  .assinante p {
    font-size: 13px;
  }
  .marcador-assinante {
    margin-left: 18px;
    width: 300px;
  }
  .marcador-assinante p {
    font-size: 15px;
  }
  .promocao-10 {
    transform: translate(-94px, -200px);
  }
  .resultado-img img {
    width: 300px;
  }
  .resultado-img img:hover {
    cursor: pointer;
    transform: scale(1.2);
  }
  .resultado-two img {
    width: 300px;
  }
  .resultado img:hover {
    cursor: pointer;
    transform: scale(1.2);
  }
  .img-suplemento img {
    width: 300px;
  }
  .suplemento-anti p {
    font-size: 15px;
  }
  .suplemento-promo {
    width: 300px;
  }
  .suplemento-promo h2 {
    font-size: 20px;
    width: 260px;
    height: 50px;
    margin-left: 20px;
  }
  .suplemento-promo h6 {
    margin-left: 20px;
  }
  .nature-conclusao p {
    font-size: 10px;
  }
  .assinante-down {
    width: 340px;
  }
  .assinante-down h2 {
    font-size: 20px;
    width: 260px;
    height: 60px;
    margin-left: 20px;
  }
  .assinante-desconto img {
    transform: translate(246px, -400px);
  }
  .logo-footer img {
    width: 100px;
  }
  .logo-footer p {
    font-size: 8px;
  }
}
@media screen and (max-width: 700px) {
  .cosmetico h1 {
    font-size: 1.5em;
    margin-bottom: 5px;
  }
  .cosmetico p {
    margin-bottom: 5px;
    font-size: 45%;
  }
  .cosmetico iframe {
    width: 280px;
    height: 150px;
  }
  .d-text h1 {
    font-size: 2em;
  }
  .d-text p {
    font-size: 15px;
  }
  .d-text {
    padding-top: 7%;
  }
  .doutor p {
    font-size: 10px;
  }
  .doutor img {
    width: 230px;
  }
  .oferta-h {
    background-color: #3b4157;
    width: 100%;
    height: 100px;
  }
  .oferta-h img {
    width: 200px;
    height: 240px;
    padding-bottom: 2%;
  }
  .oferta-h h2 {
    font-size: 1.4em;
  }
  .oferta-h p {
    font-size: 23px;
    padding-bottom: 6%;
  }
  .pacotepromo {
    padding-left: 15%;
    padding-top: 10%;
  }
  .produto-medicinal {
    background-color: #f5f5f5;
    height: 320px;
    width: 300px;
  }
  .a-vista {
    font-size: 13px;
  }

  .produto-promo h2 {
    padding-top: 4%;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 18px;
    width: 230px;
    height: 43px;
  }
  .produto-medicinal button {
    font-size: 20px;
    width: 60px;
    height: 60px;
  }
  .produto-medicinal button p {
    font-size: 13px;
  }
  #a1 {
    margin-left: 40px;
  }
  .produto-medicinal h6 {
    margin-left: 45px;
    margin-top: 0px;
    width: 160px;
    padding-top: 5px;
  }
  .produto-medicinal h3 {
    font-size: 13px;
  }
  .produto-medicinal h4 {
    font-size: 13px;
  }
  .produto-medicinal h5 {
    font-size: 13px;
  }
  .outra-a-vista {
    font-size: 13px;
    margin-left: 10px;
  }

  .assinante {
    padding-top: 3%;
    height: 280px;
    width: 370px;
    padding-bottom: 20px;
  }
  .assinante h2 {
    width: 220px;
    height: 60px;
  }
  .assinante p {
    font-size: 8px;
    margin-left: 10px;
    margin-right: 10px;
  }
  .assinante img {
    width: 15px;
  }
  .marcador-assinante {
    margin-left: 8px;
    width: 225px;
    margin-right: 5px;
  }
  .marcador-assinante p {
    font-size: 13px;
    padding-left: 3px;
  }
  .promocao-10 {
    transform: translate(-94px, -165px);
  }
  .resultado-img img {
    width: 245px;
  }
  .resultado-img img:hover {
    cursor: pointer;
    transform: scale(1.2);
  }
  .resultado-two img {
    width: 245px;
  }
  .resultado img:hover {
    cursor: pointer;
    transform: scale(1.2);
  }
  .img-suplemento img {
    width: 250px;
  }
  .suplemento-anti p {
    font-size: 12px;
  }
  .suplemento-promo {
    width: 255px;
    height: 350px;
  }
  .suplemento-promo h2 {
    font-size: 17px;
    width: 220px;
    height: 50px;
    margin-left: 19px;
    margin-bottom: 5px;
    padding-top: 5%;
  }
  .suplemento-promo h6 {
    margin-left: 40px;
    width: 180px;
    margin-top: 10px;
  }
  .suplemento-promo button {
    width: 60px;
    height: 60px;
    font-size: 20px;
  }
  .suplemento-promo button p {
    font-size: 20px;
  }
  .butaoA {
    margin-left: 20px;
  }
  .suplemento-promo h3 {
    font-size: 18px;
    text-align: justify;
    margin-left: 50px;
  }
  .suplemento-promo h4 {
    font-size: 18px;
    text-align: justify;
    margin-left: 50px;
  }
  .suplemento-promo h5 {
    font-size: 18px;
    text-align: justify;
    margin-left: 50px;
  }
  .a-vista {
    text-align: justify;
    margin-left: 62px;
  }
  .nature-conclusao p {
    font-size: 10px;
  }
  .assinante-down {
    width: 250px;
    height: 290px;
  }
  .assinante-down h2 {
    font-size: 17px;
    width: 210px;
    height: 60px;
    margin-left: 20px;
  }
  .assinante-down p {
    font-size: 11px;
  }
  .assinante-down img {
    width: 15px;
  }
  .assinante-desconto img {
    width: 100px;
    transform: translate(155px, -340px);
  }
  .logo-footer img {
    width: 100px;
  }
  .logo-footer p {
    font-size: 8px;
  }
}
@media screen and (max-width: 500px) {
  .cosmetico h1 {
    font-size: 1em;
    margin-bottom: 5px;
  }
  .cosmetico p {
    margin-bottom: 5px;
    font-size: 40%;
  }
  .cosmetico iframe {
    width: 200px;
    height: 100px;
  }
  .d-text h1 {
    font-size: 1em;
  }
  .d-text p {
    font-size: 15px;
  }
  .d-text {
    padding-top: 7%;
  }
  .doutor p {
    font-size: 8px;
  }
  .doutor img {
    width: 180px;
  }
  .oferta-h {
    background-color: #3b4157;
    width: 100%;
    height: 100px;
  }
  .oferta-h img {
    padding-bottom: 15px;
    padding-left: 15px;
    width: 200px;
    height: 240px;
  }
  .oferta-promo h2 {
    font-size: 1.1em;
    margin-bottom: 0%;

    padding-bottom: 3%;
  }
  .oferta-h p {
    font-size: 15px;
    padding-bottom: 16%;
  }
  .pacotepromo {
    padding-left: 22%;
    padding-top: 20%;
  }
  .produto-medicinal {
    background-color: #f5f5f5;
    height: 250px;
    width: 220px;
  }

  .produto-promo h2 {
    padding-top: 4%;
    margin-left: 12px;
    margin-right: 13px;
    font-size: 10px;
    width: 100px;
    height: 25px;
  }
  .produto-medicinal h2 {
    width: 120px;
    margin-bottom: 1%;
  }

  .produto-medicinal button {
    font-size: 13px;
    width: 40px;
    height: 40px;
  }
  .produto-medicinal button p {
    font-size: 13px;
  }
  #a1 {
    margin-left: 12px;
  }
  .produto-medicinal h6 {
    font-size: 15px;
    margin-left: 10px;
    margin-top: 0px;
    width: 120px;
    height: 30px;
    padding-top: 5px;
  }
  .produto-medicinal h3 {
    font-size: 13px;
  }
  .produto-medicinal h4 {
    font-size: 13px;
  }
  .produto-medicinal h5 {
    font-size: 13px;
  }
  .a-vista {
    font-size: 12px;
    margin-left: 0px;
  }
  .assinante {
    padding-top: 2%;
    height: 230px;
    width: 350px;
    padding-bottom: 20px;
  }
  .assinante h2 {
    width: 140px;
    height: 40px;
  }
  .assinante p {
    font-size: 8px;
    margin-left: 10px;
    margin-right: 10px;
  }
  .assinante img {
    width: 13px;
  }
  .marcador-assinante {
    margin-left: 8px;
    width: 200px;
    margin-right: 5px;
  }
  .marcador-assinante p {
    font-size: 12px;
    padding-left: 3px;
  }
  .promocao-10 {
    transform: translate(-94px, -141px);
  }
  .resultado-img img {
    width: 180px;
  }
  .resultado-img img:hover {
    cursor: pointer;
    transform: scale(1.2);
  }
  .resultado-two img {
    width: 180px;
  }
  .resultado img:hover {
    cursor: pointer;
    transform: scale(1.2);
  }
  .img-suplemento img {
    width: 200px;
  }
  .suplemento-anti p {
    font-size: 10px;
  }
  .suplemento-promo {
    width: 200px;
    height: 300px;
  }
  .suplemento-promo h2 {
    font-size: 13px;
    width: 160px;
    height: 35px;
    margin-left: 10px;
    margin-bottom: 5px;
    padding-top: 5%;
  }
  .suplemento-promo h6 {
    margin-left: 20px;
    width: 150px;
    margin-top: 10px;
    padding-top: 8px;
    font-size: 18px;
  }
  .suplemento-promo button {
    width: 50px;
    height: 50px;
    font-size: 15px;
    margin-left: 0px;
  }
  .suplemento-promo button p {
    font-size: 15px;
  }
  .marcador-assinante {
    width: 160px;
    padding-left: 10px;
  }

  .suplemento-promo h3 {
    font-size: 15px;
    text-align: justify;
    margin-left: 20px;
  }
  .suplemento-promo h4 {
    font-size: 15px;
    text-align: justify;
    margin-left: 20px;
  }
  .suplemento-promo h5 {
    font-size: 15px;
    text-align: justify;
    margin-left: 20px;
  }
  .outro-a-vista {
    margin-left: 20px;
    font-size: 12px;
  }
  #vista {
    margin-left: 0px;
  }

  .nature-conclusao p {
    font-size: 10px;
  }
  .assinante-down {
    width: 200px;
    height: 240px;
  }
  .assinante-down h2 {
    font-size: 13px;
    width: 160px;
    height: 50px;
    margin-left: 10px;
  }
  .assinante-down p {
    font-size: 9px;
    margin-left: 10px;
  }
  .assinante-down img {
    width: 10px;
  }
  .assinante-desconto img {
    width: 100px;
    transform: translate(10px, -310px);
  }
  .logo-footer img {
    width: 100px;
  }
  .logo-footer p {
    font-size: 5px;
  }
}

@media screen and (max-width: 350px) {
  .cosmetico h1 {
    font-size: 0.8em;
    margin-bottom: 5px;
  }
  .cosmetico p {
    margin-bottom: 5px;
    font-size: 25%;
  }
  .cosmetico iframe {
    width: 100px;
    height: 80px;
  }
  .d-text h1 {
    font-size: 0.8em;
  }
  .d-text p {
    font-size: 10px;
  }
  .d-text {
    padding-top: 7%;
  }
  .doutor p {
    font-size: 7px;
  }
  .doutor img {
    width: 150px;
  }
  .resultado-img img {
    width: 100px;
  }
  .resultado-img img:hover {
    cursor: pointer;
    transform: scale(1.2);
  }
  .resultado-two img {
    width: 100px;
  }
  .resultado img:hover {
    cursor: pointer;
    transform: scale(1.2);
  }
  .img-suplemento img {
    width: 180px;
  }
  .suplemento-anti p {
    font-size: 8px;
  }
  .suplemento-promo {
    width: 200px;
    height: 260px;
  }
  .suplemento-promo h2 {
    font-size: 11px;
    width: 135px;
    height: 40px;
    margin-left: 10px;
    margin-bottom: 5px;
    padding-top: 5%;
  }
  .suplemento-promo h6 {
    margin-left: 10px;
    width: 130px;
    height: 30px;
    font-size: 12px;
    margin-top: 10px;
    padding-top: 5px;
  }
  .suplemento-promo button {
    width: 40px;
    height: 40px;
    font-size: 12px;
    margin-left: 2px;
  }
  .suplemento-promo button p {
    font-size: 10px;
  }

  .suplemento-promo h3 {
    font-size: 10px;
    text-align: justify;
    margin-left: 20px;
  }
  .suplemento-promo h4 {
    font-size: 10px;
    text-align: justify;
    margin-left: 20px;
  }
  .suplemento-promo h5 {
    font-size: 10px;
    text-align: justify;
    margin-left: 20px;
  }
  .outro-a-vista {
    margin-right: 25px;
    font-size: 10px;
  }
  #vista {
    margin-left: 0px;
  }

  .nature-conclusao p {
    font-size: 10px;
  }
  .assinante-down {
    width: 210px;
    height: 220px;
  }
  .assinante-down h2 {
    font-size: 10px;
    width: 140px;
    height: 40px;
    margin-left: 15px;
  }
  .assinante-down p {
    font-size: 7px;
  }
  .assinante-down img {
    width: 10px;
  }
  .assinante-desconto img {
    width: 60px;
    transform: translate(114px, -250px);
  }
  .logo-footer img {
    width: 40px;
  }
  .logo-footer p {
    font-size: 5px;
  }
}