AndrewMcBurney/petermcburney.com

/**
 * banner.sass
 * Banner specific styles
 */

@import mixins/*
@import variables/*

.banner
  position: relative
  margin: 30px 0px

  img
    +mask

    height: auto
    z-index: 0
    width: 100vw

  h1
    +black-shadow
    +center-v-h(50%, 50%)

    color: $white
    font-size: 8.5vw
    font-weight: 200
    letter-spacing: 5px
    text-align: center
    width: 100%

header .banner
  margin: 0px 0px 30px


@media screen and (min-width: 1250px)
  .banner h1
    font-size: 110px


@media screen and (max-width: 584px)
  .banner h1
    font-size: 7.5vw