.about {
  position: relative;
  min-height: 70vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 80px 0;
}

.about-text {
  font-family: "Inter", serif;
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
  color: #ffffff;
  padding: 1.5em;
}

/* 2xl */
@media (max-width: 1536px) {
  .about-text {
    font-size: 2.5rem;
  }
}

/* xl */
@media (max-width: 1280px) {
  
}

/* lg */
@media (max-width: 1024px) {
  .about {
    height: 100vh;
  }
  .about-text {
    font-size: 2rem;
  }
}

/* md */
@media (max-width: 768px) {
  .about {
    height: 60vh;
  }
  .about-text {
    font-size: 1.5rem;
  }
}

/* sm */
@media (max-width: 640px) {
  .about {
    height: 80vh;
  }
}

/* xs */
@media (max-width: 475px) {
  .about {
    height: 100vh;
    margin-bottom: 10vh;
  }
}