.error-header
  position: relative
.error
  margin-top: 50px
  padding: 80px 0
  background-color: $semiLightGrey

  .box
    border-top: 10px solid $defaultRed
    display: block
    min-width: 300px
    width: 80%
    max-width: 500px
    margin: auto
    background-color: white


    h1
      max-width: 500px
      font-size: 18px
      line-height: 26px
      font-weight: 600
      padding: 0 20px
      color: $defaultRed
      +flex(space-between, center)

      span.number
        text-align: left
        font-size: 65px
        line-height: 100px
        padding-right: 10px
        margin-right: 20px
        border-right: 4px solid $defaultRed
        position: relative
        color: $defaultRed

    .sitemap
      padding: 20px
      p
        color: $fontColor1
        font-size: 18px
        line-height: 24px

      ul
        li
          padding-left: 40px
          margin-bottom: 10px

          &:before
            content: '•'
            position: relative
            left: -20px
            color: $defaultRed
          a
            font-size: 16px
            line-height: 20px
            color: $fontColor1
            text-decoration: underline
    .site-switch
      padding: 20px
      a
        margin-bottom: 15px
        font-size: 16px
        max-width: 280px

.isolation
  .error
    .box
      border-top: 10px solid $defaultGreen

      h1
        color: $defaultGreen

        span.number
          border-right: 4px solid $defaultGreen
          color: $defaultGreen

      .sitemap

        ul
          li

            &:before
              color: $defaultGreen

+media-query(580px)
  .error
    .box
      h1
        span.number
          font-size: 40px