@import ~mweb/common/components/variables

@media screen and (max-width: 500px)
  .not-found-page
    flex-direction: column


@media screen and (min-width: 750px)
  .error-image
    align-self: flex-end

.error-message
  margin: auto
  padding: 20pt
  font-family: HelveticaNeue
  font-size: 20pt
  color: #706A7C
  justify-content: center
  text-align: center
  align-self: center
  line-height: initial

.error-image
  max-width: 100vw
  height: 100%
  align-self: flex-end

.not-found-page
  background: #fff
  display: flex
  height: calc(100% - #{$mw-top-nav-height})
  position: absolute
  left: 0
  right: 0
  bottom: 0
