@import “neat/neat”; @import “bourbon/bourbon”; @import “base/base”;

$primary-font: ‘Merriweather’, serif; $primary-color: FF5600; $primary-font-color: #333;

$neat-grid: (

columns: 12,
gutter: 20px,

);

$tablet-grid: (

columns: 12,
gutter: 20px,
media: "(max-width: 1200px)",

);

$phone-grid: (

columns: 12,
gutter: 20px,
media: 600,

);

.grid-container{

@include grid-container;
max-width: 1500;
margin: 0 auto;

}

.full-width {

@include grid-column(12);

}

.half-width {

@include grid-column(6);
@include grid-media($tablet-grid){
    @include grid-column(12);
  }
@include grid-media($phone-grid){
    @include grid-column(12);
  }

}

.quarter-width {

@include grid-column(3);
@include grid-media($tablet-grid){
  @include grid-column(6);
}
@include grid-media($phone-grid){
  @include grid-column(12);
}

}

body {

font-family: $primary-font;

}

@import “navigation”; @import “home”; @import “post”;