/* =========================
   ABOUT
========================= */

#about{
  background: var(--surface-soft);
}

#about .section-inner{
  max-width: 1100px;
  padding: var(--section-space) 0;
  text-align: center;
}

#about h2{
  max-width: 900px;
  margin: 0 auto 18px;
}

#about p{
  max-width: 760px;
  margin: 0 auto 2.4rem;
  font-size: 1.08rem;
  color: var(--ink-soft);
}

@media (max-width: 768px){
  #about .section-inner{
    padding: 4.2rem 0;
  }

  #about p{
    font-size: 1rem;
  }
}