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: black

img
  border: none

//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)


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


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


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


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


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


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


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


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


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


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


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

.grid13
  @extend .column
  width: $contentGrid*13

.grid14
  @extend .column
  width: $contentGrid*14



.offset-1
  margin-left: $contentGrid

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

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

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

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


.information
  h3
    +font-black(18px, 18px)
    text-transform: uppercase
    margin: 0 0 65px 0
    letter-spacing: 3.6px
    color: white

  p
    +font-default(18px, 28px)
    color: white

+media-query(515px)
  .information
    h3
      +font-black(24px, 24px)

    p
      +font-default(21px, 32px)