html, body
  padding: 0
  margin: 0 auto
  -webkit-font-smoothing: antialiased
  -moz-osx-font-smoothing: grayscale
  text-rendering: optimizeLegibility
  background: url("/img/noise2.png") $lightGray
  position: relative
  max-width: 2200px
  &.no-scroll
    overflow-y: hidden

*
  box-sizing: border-box
  +selection
    background: $red
    color: $lightGray
.border
  position: absolute
  height: calc(100% - 50px)
  width: calc(100% - 50px)
  left: 25px
  top: 25px
  z-index: 15
  pointer-events: none
  border: 7px solid rgba(250, 242, 224, 0.5)

  //border-style: Dashed
  //border-color: rgba(82, 82, 89, 1)
  //border-width: 2px
  //opacity: 0.5
  //border-radius: 12px
  //-moz-border-radius: 12px
  //-webkit-border-radius: 12px

.contact-button
  +sprite(-330px 0, 38px, 30px)
  display: block
  position: absolute
  right: 65px
  top: 55px
  z-index: 999

.lines-overlay
  height: 75%
  width: 100%
  position: absolute
  top: 50%
  left: 0
  background-image: url('/img/line-gradient.png')
  background-size: contain
  +transform(skewY(-15deg))

.page-content
  min-height: 100%
  position: relative
  z-index: 10
  margin-bottom: -1 * $footerSize
  &:after
    content: ''
    display: block
    height: $footerSize

img
  border: none
  display: block

h1, h2, h3, h4, h5
  margin: 0

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


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


.offset-1
  margin-left: $contentGrid

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

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

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

input, textarea
  +placeholder
    opacity: 1
    +translate3d(0, 0, 0)
    +transition(all 0.3s)

input:focus, textarea:focus
  +placeholder
    opacity: 0
    +translate3d(20px, 0, 0)

input::-moz-placeholder, textarea::-moz-placeholder
  opacity: 0.5

.content-container
  width: 95%
  max-width: 1440px
  margin: auto

+media-query-larger(2200px)
  body
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75)
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75)
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75)

+media-query(600px)
  .content-container
    width: 90%
+media-query(400px)
  .border
    height: calc(100% - 30px)
    width: calc(100% - 30px)
    left: 15px
    top: 15px
    border: 5px solid rgba(250, 242, 224, 0.5)