.about-section {
  padding: 64px 16px;
  max-width: 868px;
  margin: 0 auto; }

.about-title {
  font-size: 2em;
  margin-bottom: 1.5em;
  font-weight: 400;
  line-height: 100%;
  font-family: var(--font-title);
  color: var(--second-title-color); }
  @media screen and (min-width: 768px) {
    .about-title {
      font-size: 2.5em; } }
  @media screen and (min-width: 950px) {
    .about-title {
      font-size: 3.5em; } }
.about-description {
  font-size: 0.9em;
  font-family: var(--font-description);
  margin: 0.6em 0;
  color: var(--secondary-textColor); }
  @media screen and (min-width: 480px) {
    .about-description {
      font-size: 1em;
      margin: 0.9em 0; } }
  @media screen and (min-width: 768px) {
    .about-description {
      font-size: 1.2em;
      margin: 1.2em 0; } }
