* {
  font-family: "Raleway", "Helvetica", sans-serif;
}

.about {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #000;
  color: #fff;
  width: 100%;

  .about__box {
    width: 65%;
    min-width: 320px;
    margin: 70px 0;
    @media screen and (max-width: 768px) {
      width: 80%;
      margin: 40px 0;
    }

    @media screen and (min-width: 1600px) {
      max-width: 1000px;
      margin: 150px 0;
    }

    .about__title {
      font-size: 32px;
      text-align: center;
      margin: 20px 0;
      @media screen and (min-width: 1600px) {
        font-size: 48px;
        margin: 40px 0;
      }
    }

    .about__text {
      font-size: 18px;
      color: #fff;
    }
  }
}