html, body
  padding: 0
  margin: 0
  -webkit-font-smoothing: antialiased
  -moz-osx-font-smoothing: grayscale
  text-rendering: optimizeLegibility

h1, h2, h3, h4, h5
  +font-bold()


p, span, em, a, div, ul, li
  +font-default()
  text-decoration: none
  color: $fontColor2

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

img
  border: none
  display: block

//GRID
.column
  position: relative
  float: left

  &.padding
    padding: 0 2%

  .right
    float: right

.row
  clear: both

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

.clear
  clear: both

.grid1
  @extend .column
  width: ($contentGrid)

  &.padding
    width: ($contentGrid - 4%)

.grid2
  @extend .column
  width: $contentGrid*2

  &.padding
    width: ($contentGrid*2 - 4%)


.grid3
  @extend .column
  width: $contentGrid*3

  &.padding
    width: ($contentGrid*3 - 4%)


.grid4
  @extend .column
  width: $contentGrid*4

  &.padding
    width: ($contentGrid*4 - 4%)


.grid5
  @extend .column
  width: $contentGrid*5

  &.padding
    width: ($contentGrid*5 - 4%)


.grid6
  @extend .column
  width: $contentGrid*6

  &.padding
    width: ($contentGrid*6 - 4%)


.grid7
  @extend .column
  width: $contentGrid*7

  &.padding
    width: ($contentGrid*7 - 4%)


.grid8
  @extend .column
  width: $contentGrid*8

  &.padding
    width: ($contentGrid*8 - 4%)


.grid9
  @extend .column
  width: $contentGrid*9

  &.padding
    width: ($contentGrid*9 - 4%)


.grid10
  @extend .column
  width: $contentGrid*10

  &.padding
    width: ($contentGrid*10 - 4%)


.grid11
  @extend .column
  width: $contentGrid*11

  &.padding
    width: ($contentGrid*11 - 4%)


.grid12
  @extend .column
  width: $contentGrid*12

  &.padding
    width: ($contentGrid*12 - 4%)

.offset-1
  margin-left: $contentGrid

.offset-2
  margin-left: $contentGrid*2

.offset-3
  margin-left: $contentGrid*3

.offset-4
  margin-left: $contentGrid*4



.content-container
  max-width: $maxWidth
  margin: auto
  position: relative
  height: 100%
  width: 100%

.vertical-shadow
  background: url('/img/drop-shadow.png')
  +position(absolute, null 0 null 0)
  width: 100%
  height: 12px
  background-size: contain
  background-repeat: repeat-x

  &.top
    top: -12px

.image-container
  position: relative
  .image-whiter
    position: absolute