body {
  background-image: var(--utua-gradient-base-lightgreen);
  font-family: var(--utuawp-font-family-base);
}

.container-static-pages {
  padding: 0 var(--utuawp-spacing-xxxs) 20px;
}

.container-static-pages h1 {
  font-size: var(--utuawp-font-size-base-medium);
  color: var(--custom-primary-color);
  text-align: center;
  margin: 20px 0;
  line-height: var(--utuawp-line-height-sm);
}

.container-static-pages h2, h3 {
  font-size: var(--utuawp-font-size-md);
}

.container-static-pages p {
  font-size: var(--utuawp-font-size-mobile-default);
  color: #333;
  line-height: none;
}

.container-static-pages ul {
  padding: var(--utuawp-spacing-xxxs);
  color: #333;
}

.content-one {
  text-align: center;
  padding-bottom: var(--utuawp-spacing-sm);
}

.text-bold {
  font-weight: var(--utuawp-font-weight-bold);
}

.text-italic {
  font-style: italic;
}

@media (min-width: 768px) {
  .container-static-pages {
    max-width: 700px;
    margin: 0 auto;
    padding: 10px 0 20px;
  }

  .container-static-pages h1 {
    font-size: var(--utuawp-font-size-display);
  }

  .container-static-pages h2, h3 {
    font-size: var(--utuawp-font-size-md);
  }

  .container-static-pages p {
    font-size: var(--utuawp-font-size-md);
  }

  .content-one p {
    font-size: 20px;
  }
}

@media (min-width: 1024px) {
  .container-static-pages {
    max-width: 800px;
  }

  .container-static-pages p {
    font-size: 20px;
  }

  .content-one p {
    font-size: var(--utuawp-font-size-base-small);
  }

  .container-static-pages h2, h3 {
    font-size: 20px;
  }
}

@media (min-width: 1440px) {
  .main-content, .content, .r7cl5 {
    width: 100%;
    max-width: unset;
    margin: 0;
  }
}