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


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

p, span, em, a, div
  +font-default()
  text-decoration: none
  color: initial


img
  border: none

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

  .right
    float: right

.row
  clear: both

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


.grid1
  @extend .column
  width: ($contentGrid)-4%
  &.noPadding
    width: $contentGrid

.grid2
  @extend .column
  width: $contentGrid*2-4%
  &.noPadding
    width: $contentGrid*2

.grid3
  @extend .column
  width: $contentGrid*3-4%
  &.noPadding
    width: $contentGrid*3

.grid4
  @extend .column
  width: $contentGrid*4-4%
  &.noPadding
    width: $contentGrid*4

.grid5
  @extend .column
  width: $contentGrid*5-4%
  &.noPadding
    width: $contentGrid*5

.grid6
  @extend .column
  width: $contentGrid*6-4%
  &.noPadding
    width: $contentGrid*6

.grid7
  @extend .column
  width: $contentGrid*7-4%
  &.noPadding
    width: $contentGrid*7

.grid8
  @extend .column
  width: $contentGrid*8-4%
  &.noPadding
    width: $contentGrid*8

.grid9
  @extend .column
  width: $contentGrid*9-4%
  &.noPadding
    width: $contentGrid*9

.grid10
  @extend .column
  width: $contentGrid*10-4%
  &.noPadding
    width: $contentGrid*10

.grid11
  @extend .column
  width: $contentGrid*11-4%
  &.noPadding
    width: $contentGrid*11

.grid12
  @extend .column
  width: $contentGrid*12-4%
  &.noPadding
    width: 100%