*, *:before, *:after {
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
}

.container {
	width: 80%;
	margin: 0 auto;
	padding: 0px;
	position: relative;
}

.container:after, .container:before {
	content: " ";
	display: table;
}

.container:after {
	clear: both;
}


.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16, .grid-1-3 {
	float: left;
	margin-left: 0px;
	margin-right: 0px;
}

.grid-1 	{width: 6.25%;}
.grid-2 	{width: 12.50%;}
.grid-3 	{width: 18.75%;}
.grid-4 	{width: 25.00%;}
.grid-5 	{width: 31.25%;}
.grid-6 	{width: 37.50%;}
.grid-7 	{width: 43.75%;}
.grid-8 	{width: 50.00%;}
.grid-9 	{width: 56.25%;}
.grid-10 	{width: 62.50%;}
.grid-11 	{width: 68.75%;}
.grid-12 	{width: 75.00%;}
.grid-13 	{width: 81.25%;}
.grid-14 	{width: 87.50%;}
.grid-15 	{width: 93.75%;}
.grid-16 	{width: 100.0%;}
.grid-1-3	{width: 33.3333%;}


@media only screen (max-width: 600px) {
	
.container {width: 95%;}

.grid-1 	{width: 6.25%;}
.grid-2 	{width: 12.50%;}
.grid-3 	{width: 18.75%;}
.grid-4 	{width: 25.00%;}
.grid-5 	{width: 31.25%;}
.grid-6 	{width: 37.50%;}
.grid-7 	{width: 43.75%;}
.grid-8 	{width: 50.00%;}
.grid-9 	{width: 56.25%;}
.grid-10 	{width: 62.50%;}
.grid-11 	{width: 68.75%;}
.grid-12 	{width: 75.00%;}
.grid-13 	{width: 81.25%;}
.grid-14 	{width: 87.50%;}
.grid-15 	{width: 93.75%;}
.grid-16 	{width: 100.0%;}
.grid-1-3	{width: 33.3333%;}	

}


@media only screen and (max-width: 699px) {
	
.container {min-width: 280px;}

.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16, .grid-1-3 {

	width: 100%;
	margin: 0px 0px 20px 0px;

}

}