.section-title {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 30px;
  line-height: 120%;
  text-transform: uppercase;
  background: linear-gradient(180deg, #ffe325 17.79%, #68ac00 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: start;
}

.main {
  padding-top: 110px;
  background-image: none;

  p {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    color: #f2f2f2;
    text-align: start;
  }

  h2 {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 18px;
    font-variant: all-small-caps;
    text-transform: capitalize;
    color: #f2f2f2;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  h3 {
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 18px;
    font-variant: all-small-caps;
    text-transform: capitalize;

    color: #f2f2f2;
    margin-bottom: 20px;
  }

  a {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 18px;
    color: #f2f2f2;
    text-decoration: underline;
  }

  ul {
    color: #f2f2f2;
    padding-left: 20px;
    list-style: disc;
  }
}

@media screen and (min-width: 1438px) {
  .section-title {
    font-size: 40px;
  }

  .main {
    p,
    h2,
    h3,
    a {
      font-size: 24px;
    }
  }
}