.project,
.reserved,
.event,
.status {
  padding: 0 0 2rem 0;

  .content {
    padding: 4rem 1.25rem;

    img {
      max-width: 100%;
    }

    h2,
    h3,
    h4 {
      a {
        pointer-events: none;

        &:after {
          display: none;
        }
      }
      
      &:hover {
        cursor: text;
      }
    }

    h1 {
      color: var(--f-color);
      font-size: 2.25rem;
      font-weight: 700;
      line-height: 2.75rem;
      letter-spacing: -.05rem;
      margin: 2rem 0;
    }

    h2 {
      margin: 2rem 0;
      
      a {
        color: var(--f-color);
        font-size: 1.75rem;
        font-weight: 700;
        line-height: 2rem;
        letter-spacing: -.05rem;
      }
    }

    p {
      display: block;
      font-size: 1.25rem;
      font-weight: 300;
      line-height: 2rem;
      padding: .75rem 0;
      margin: 0;

      em {
        display: block;
        font-size: .9rem;
        padding: 0 0 1rem 0;
        text-align: center;
      }

      strong {
        display: block;
        font-size: 1.5rem;
        font-weight: 300;
        line-height: 2rem;
        padding: 2.5rem 4rem .5rem 4rem;

        &:before,
        &:after {
          content: '"';
          font-size: 1.75rem;
          padding: 0 .25rem;
        }
      }
    }

    a {
      position: relative;
      color: var(--l-color);

      &:after {
        content: '';
        position: absolute;
        width: 100%;
        bottom: -1px;
        left: 0;
        right: 0;
        border-bottom: 1px dotted var(--l-color);
      }
    }
  }
}

.status .content {
  padding: 1rem 1.25rem 4rem 1.25rem;

  br {
    display: none;
  }
} 

#desktop-only {
  padding: 1.5rem;
  text-align: center;

  h1 {
    font-size: 1.5rem;
    font-weight: 600;
  }
}

@media only screen and (--viewport-4) {
  .project,
  .reserved,
  .event,
  .status {
    .content {
      padding: 4rem 2.25rem;
    }
  }

  .status .content br {
    display: block;
  }
}