.intro
    padding-top: 0
    article
      padding-top: 0.8em

    h1
      margin: 0
      padding-bottom: 1.2em
      
      text-shadow: #bbbbbb 0 4px 5px
      font-size: 5vh
      @media (min-width: 560px)
        font-size: 6vh
      @media (min-width: 768px)
        font-size: 8vh
      @media (min-width: 1200px)
        font-size: 10vh
      @media (min-width: 1600px)
        font-size: 11.3vh

    svg.logo
      position: relative
      top: 2rem
      width: 20%
      height: 10vh

      @media (min-width: 560px)  
        height: 15vh
        top: 3rem
      @media (min-width: 768px)
        top: 4rem
        height: 18vh
      @media (min-width: 1200px)
        top: 5rem
        height: 25vh
        width: 17%
      @media (min-width: 1600px)
        height: 30vh
        top: 6rem


header
  @media (min-width: 960px)
    width: calc(100vw - 100px)

  @media (min-width: 1120px)
    width: calc(100vw - 420px)

  svg.logo
    visibility: hidden
    position: absolute
    left: 0

    @media (min-width: 1400px)
      visibility: visible