/* imports */
@import url(http://fonts.googleapis.com/css?family=Lobster);

/* resets */
*,
*:before,
*:after {
  box-sizing: border-box;
}
.clearfix:after {
    content: "";
  display: table;
  clear: both;
}

/* global */
body {
  background-color: rgb(40,40,40);
  color: rgb(100,100,100);
  font-family: sans-serif;
  font-size: 14px;
  line-height: 1.3;
}
.wrapper2 {
	margin: 0 auto;
	padding: 20px 20px 0 20px;
	max-width: 1280px;
	background-color: #fff;
}
h1 {
  font-family: "Lobster", cursive;
  font-size: 2em;
  margin-bottom: 10px;
}
h2 {
  font-weight: 700;
}

/* grid */
.row {
  margin: 0 -10px;
  margin-bottom: 20px;
}
.row:last-child {
  margin-bottom: 0;
}
[class*="col-"] {
  padding: 10px;
}

.col-1-8 {
    float: left;
    width: 25%;
  }

@media only screen and ( max-width: 1275px ) {
  
  .col-1-8 {
    float: left;
    width: 50%;
  }
  .col-1-8:nth-child(4n+1) {
    clear: both;
  }
  
}

@media only screen and ( max-width: 670px ) {
  
  .col-1-8 {
    float: left;
    width: 100%;
	text-align:center
  }
  .col-1-8:nth-child(4n+1) {
    clear: both;
  }
  
}