.about,
.workshop,
.suggest,
.privacy,
.terms {
  padding: 4rem 8rem;

  h3,
  h4 {
    a {
      color: $f-color;

      &:hover { 
        cursor: text;
        text-decoration: none;
      }
    }
  }

  h3 a { font-size: 2rem }

  h4 {
    padding: 1rem 0;

    a {
      font-size: 1.25rem;
      font-weight: 600;
    }
  }

  p {
    font-size: 1.05rem;
    padding: .5rem 0;
  }

  a:hover { text-decoration: underline }

  ul{
    padding: 0 0 0 1.5rem;

    li {
      color: $f-color;
      font-family: $p-font;
      font-size: 1.05rem;
      padding: .5rem 0;
    }
  }

  img {
    width: 100%;
    padding: 1rem 0;
  }

}

@media only screen and (max-width: 768px) {
  .about,
  .workshop,
  .suggest,
  .privacy,
  .terms {
    padding: 1rem .5rem;

    ul li {
      font-size: 1.15rem;
      padding: .4rem 0;
    }

    h2 a {
      color: $f-color;
    }
    
    h4 a {
      font-size: 1.5rem;
    }
    
    p {
      font-size: 1.15rem;
    }
  }
}