html, body
  margin: 0
  padding: 0
  height: 100%
  background-color: $background
  -webkit-font-smoothing: antialiased
  -moz-osx-font-smoothing: grayscale
  text-rendering: optimizeLegibility

p, a, span
  color: white
  +audi
  margin: 0
  padding: 0

h1, h2, h3, h4, h5
  color: $orange
  margin: 0
  padding: 0
  +audiBold

h3, h5
  color: white
  font-size: 24px

a
  text-decoration: none
  font-style: normal

ul, ol
  list-style: none
  +audiBold
  padding: 0
  margin: 0

  li
    +audi

  >li a
    font-size: 18px
    +audiBold

input
  padding: 0
  margin: 0
  +audi

//GRID
.column
  position: relative
  float: left
  padding: 0 2%

  .right
    float: right

.row
  clear: both

  &:after
    content: ""
    display: block
    clear: both

//.column.noPadding,.span1.noPadding,.span2.noPadding,.span3.noPadding,.span4.noPadding,.span5.noPadding,.span6.noPadding,.span7.noPadding,.span8.noPadding,.span9.noPadding,.span10.noPadding,.span11.noPadding,.span12.noPadding
.noPadding
  padding: 0

.span1
  @extend .column
  width: ($contentBlock1Grid)-4%

.span2
  @extend .column
  width: $contentBlock1Grid*2-4%

.span3
  @extend .column
  width: $contentBlock1Grid*3-4%

.span4
  @extend .column
  width: $contentBlock1Grid*4-4%

.span5
  @extend .column
  width: $contentBlock1Grid*5-4%

.span6
  @extend .column
  width: $contentBlock1Grid*6-4%

.span7
  @extend .column
  width: $contentBlock1Grid*7-4%

.span8
  @extend .column
  width: $contentBlock1Grid*8-4%

.span9
  @extend .column
  width: $contentBlock1Grid*9-4%

.span10
  @extend .column
  width: $contentBlock1Grid*10-4%

.span11
  @extend .column
  width: $contentBlock1Grid*11-4%

.span12
  @extend .column
  width: $contentBlock1Grid*12-4%