.error-header
  position: relative
.error
  margin-top: 200px
  padding: 80px 0
  background: #efefef

  .box
    border: 10px solid #006cb0
    display: block
    min-width: 300px
    width: 80%
    max-width: 500px
    margin: auto
    text-align: right


    h1
      max-width: 500px
      margin: auto
      font-size: 40px
      line-height: 45px
      font-weight: bold
      padding: 0 40px
      color: #3C3C3B
      font-family: 'Josefin Slab', serif

      &.number
        font-family: 'Lato', sans-serif
        text-align: left
        font-size: 165px
        line-height: 200px
        position: relative
        color: #006cb0

    .return-home
      display: inline-block
      margin: 40px
      background: #006cb0
      border-radius: 40px
      a
        font-size: 18px
        line-height: 18px
        display: inline-block
        padding: 13px 20px
        color: white
        font-family: 'Lato', sans-serif

        &:before
          content: ''
          background-image: url('/img/prev.png')
          width: 16px
          height: 16px
          margin-right: 20px
          transition: margin-right 0.3s
          position: relative
          top: 2px
          display: inline-block

      &:hover
        a
          &:before
            margin-right: 30px


+respond-to-width(580px)
  .error
    .box
      h1
        &.number
          font-size: 140px

+respond-to-width(420px)
  .error
    .box
      h1
        &.number
          font-size: 100px