@charset "UTF-8";
.about {
  margin-top: 100px;
  color: #FFF;
  /* Para dispositivos pequenos (smartphones em modo retrato) */
  /* Para dispositivos médios (tablets) */
  /* Para dispositivos grandes (tablets e notebooks maiores) */
  /* Para dispositivos extra grandes (desktops) */
  /* Para telas muito grandes (desktops de alta resolução) */
}
.about .about-content {
  border-radius: 25px;
  background-color: var(--secondary-1);
  display: flex;
}
.about .about-content img {
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  height: 450px;
}
.about .about-content .about-content--left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 50px;
}
.about .about-content .about-content--left p {
  margin-top: 15px;
}
@media (max-width: 576px) {
  .about {
    margin-top: 120px;
  }
  .about .about-content {
    flex-direction: column;
  }
  .about .about-content img {
    border-radius: 25px 25px 0 0;
    height: auto;
  }
  .about .about-content .about-content--left {
    padding: 10px 20px;
  }
}
@media (min-width: 577px) and (max-width: 1024px) {
  .about {
    /* Estilos para telas entre 577px e 768px */
    margin-top: 110px;
  }
  .about .about-content {
    flex-direction: column;
  }
  .about .about-content img {
    border-radius: 25px 25px 0 0;
    height: auto;
  }
  .about .about-content .about-content--left {
    padding: 10px 20px;
  }
}
@media (min-width: 769px) and (max-width: 992px) {
  .about {
    /* Estilos para telas entre 769px e 992px */
  }
}
@media (min-width: 993px) and (max-width: 1200px) {
  .about {
    /* Estilos para telas entre 993px e 1200px */
  }
}
@media (min-width: 1201px) {
  .about {
    /* Estilos para telas maiores que 1200px */
  }
}

/*# sourceMappingURL=about.css.map */