@import normalize

html
  height: 100%
body
  overflow-x: hidden
  min-height: 100%

  color: $color-default
  font-size: 16px
  +josefin

  background: $color-beach-house
  +dynamic-color(background)

  // Smaller font size on medium
  +respond-to(medium)
    font-size: 14px

  // On small we have a lot more space
  // so set the font-size larger again
  +respond-to(small)
    font-size: 15px

a
  text-decoration: none
  outline: none
  color: #548AD3

p
  font-size: 0.9375em
  margin-bottom: 1.5em

strong
  font-weight: 600

h2
  +fjallaHeader
  font-size: 1.125em

.no-wrap
  display: inline-block
  white-space: nowrap

.clear
  clear: both

.container
  position: relative
  margin: 0 auto
  padding: 0 40px

  width: 100%
  max-width: 1640px

  // Loose padding on mobile
  +respond-to(small-mobile)
    padding: 0

.content
  position: relative

  .left-shadow
    +position(absolute,0 null null -10px)
    width: 50px
    height: 100%
    //box-shadow: inset -50px 0 15px -50px rgba(0,0,0,0.3)
    box-shadow: inset -20px 0 15px -30px rgba(0, 0, 0, 0.5)

    // Loose shadow on mobile
    +respond-to(small-mobile)
      display: none

  .right-shadow
    +position(absolute,0 -10px null null)
    width: 50px
    height: 100%
    //box-shadow: inset 50px 0 15px -50px rgba(0,0,0,0.3)
    box-shadow: inset -75px 0 15px -10px rgba(0, 0, 0, 0.5)

    // Loose shadow on mobile
    +respond-to(small-mobile)
      display: none