.wrapper
  h1 Find Adventure, visit often.

.vertical 
  a(href="#") Guides
  a(href="#") Europe
  a(href="#") Denmark
  span.destination Faroe Islands

.wrapper
  max-width 1140px
  margin 0 auto
  text-align center
  justify-content center
  align-items stretch
  display flex
  
h1
  font-family Northwell, display, serif
  color white
  padding 0
  margin 0
  font-size calc(90px + 12 * ((100vw - 320px) / 1140))
  line-height 1
  font-weight normal
  align-self center
  padding-bottom 40vh
  max-width 34rem

.vertical
  font-size 14px
  letter-spacing 0.025rem
  color white
  position absolute
  bottom 2rem
  left 2.5rem
  transform rotate(-90deg)
  transform-origin 0 0
  color rgba(255,255,255,0.5)
  
  a
    color inherit
    text-decoration none
    border-bottom 1px solid transparent
    display inline-block
    transition-property color
    transition-duration .25s
    transition-timing-function ease
    
    &:hover
      color #ffcc00
      
      &:after
        color rgba(255,255,255,0.5)
    
    &:after
      content '/'
      padding 0 .5rem
      display inline-block
  
  span.destination
    color white
  
  
body
  background #D6DAE1 url(https://images.unsplash.com/photo-1523065144972-e5f5c9ea6ed9?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=a4f0025299a23f1423e55bd6036a1e03&auto=format&fit=crop&w=1950&q=80) center bottom no-repeat
  background-size cover
  height 100vh
  width 100vw
  display flex
  outline 1rem solid white
  outline-offset -1rem
  
*
  font-smoothing antialiased