/*------------------------------------*\
 	$MAIN
\*------------------------------------*/

/* values in pixels */

$base-font-size: 18;
$base-line-height: 30;

$h1: 47;
$h2: 29;
$h3: 23;


$show-grid: true;

@mixin font-size($sizeValue: $base-font-size) {
  font-size: $sizeValue + px;
  font-size: ($sizeValue / 10) + rem;
}

html {
  font-size: 62.5%;
}

body {
	font-family: Proxima Nova, Helvetica Neue, Helvetica, Arial;
  @include font-size($base-font-size);
  line-height: $base-line-height / $base-font-size;
	color: #333;
	max-width: 700px;
	margin: 0 auto;
	-webkit-font-smoothing: antialiased;
  padding: 30px;
  
  @if $show-grid == true {
     background-image: url(http://basehold.it/i/30);
  }
 

}

h1 {
	@include font-size($h1);
  line-height: $base-line-height / $h1 + em;
  letter-spacing: 1px;
	margin: ($base-line-height / $h1 + em) 0;
	font-weight: 700;
}

h2 {
  @include font-size($h2);
  font-weight: 700;
  line-height: $base-line-height / $h2;
	margin: ($base-line-height / $h2 + em) 0;
}


h3 {
  @include font-size($h3);
  line-height: $base-line-height / $h3;
	text-transform: uppercase;
	color: #aaa;
  letter-spacing: 6px;
	margin: ($base-line-height / $h3 + em) 0;
}

p {
	margin: ($base-line-height / $base-font-size + em) 0;
}

img {
  max-width: 100%;
  vertical-align: middle;
}