.legal
  .header
    width: 100%
    height: 50vh
    background: url('/img/development-foto.jpg') center
    background-size: cover
  .page-content
    background: $darkBlue
    padding: 0 0 60px

    h1
      +font-header(42px, 48px)
      color: white
      text-transform: uppercase
      text-align: center
      letter-spacing: 11.7px
      padding: 35px 0
      background-color: $beige
      margin-bottom: 60px

    .text
      width: 100%
      margin: auto
      max-width: 980px
      color: white

      h2
        +font-header(32px, 42px)

      p
        +font-default(18px, 28px)

        a
          +font-semi-bold(18px, 28px)
          color: $beige

+media-query(850px)
  .legal
    .page-content
      h1
        +font-header(32px, 42px)

      .text
        h2
          +font-header(26px, 32px)

+media-query(450px)
  .legal
    .page-content
      h1
        +font-header(26px, 34px)

      .text
        h2
          +font-header(20px, 26px)

        p
          +font-default(16px, 26px)

          a
            +font-semi-bold(16px, 26px)