.error-header
  position: relative
.error
  margin-top: 200px
  padding: 100px 0
  background: url('/img/stars_background.jpg')
  background-size: cover
  position: relative

  &:before
    content: ''
    +sprite(-406px -108px, 61px, 61px)
    display: inline-block
    position: absolute
    left: calc(50% - 20px)
    top: -130px


  .box
    display: block
    min-width: 300px
    width: 100%
    max-width: 800px
    margin: auto
    text-align: center


    h1
      margin: auto
      font-size: 68px
      line-height: 72px
      padding: 0 40px
      color: white
      font-family: 'Lato', sans-serif
      font-weight: 100

      &.number
        font-weight: 400
        line-height: 100px

    .return-home
      display: inline-block
      margin: 80px 40px 0
      border: 2px solid $orange
      border-radius: 4px
      a
        font-size: 18px
        line-height: 24px
        display: inline-block
        padding: 13px 20px
        color: white
        font-weight: 400
        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


+media-query(700px)
  .error
    .box
      h1
        font-size: 45px
        line-height: 54px
        &.number
          line-height: 80px