body {
	margin: 0 10px;
}
.grid {
	display:block;
	width:100%;
	max-width: 1380px;
	margin: 0 auto;
}
.grid .colspanfull,
.grid .colspanhalf,
.grid .colspanthird,
.grid .colspantwothirds,
.grid .colspanquarter,
.grid .colspanthreequarters,
.grid .colspansixth,
.grid .colspanfivesixths {
	display:inline-block;
	float:left;
	padding: 10px;
	box-sizing: border-box;
	position:relative;
}

/* VIEWPORTS */

@media all and (min-width: 1400px){
	.grid .colspanfull 			{ width:100% }
	.grid .colspanhalf 			{ width:50% }
	.grid .colspanhalf 			{ width:50% }
	.grid .colspanthird 		{ width:33.333% }
	.grid .colspantwothirds 	{ width:66.666% }
	.grid .colspanquarter		{ width:25% }
	.grid .colspanthreequarters	{ width:75% }
	.grid .colspansixth			{ width:16.666% }
	.grid .colspanfivesixths	{ width:83.333% }
}

@media all and (max-width: 1400px){
	.grid .colspanfull 			{ width:100% }
	.grid .colspanhalf 			{ width:50% }
	.grid .colspanthird 		{ width:33.333% }
	.grid .colspantwothirds 	{ width:66.666% }
	.grid .colspanquarter		{ width:25% }
	.grid .colspanthreequarters	{ width:75% }
	.grid .colspansixth			{ width:25% }
	.grid .colspanfivesixths	{ width:100% }
}

@media all and (max-width: 940px){
	.grid .colspanfull 			{ width:100% }
	.grid .colspanhalf 			{ width:50% }
	.grid .colspanthird 		{ width:33.333% }
	.grid .colspantwothirds 	{ width:66.666% }
	.grid .colspanquarter		{ width:33.333% }
	.grid .colspanthreequarters { width:66.666% }
	.grid .colspansixth			{ width:33.333% }
	.grid .colspanfivesixths	{ width:100% }
}
@media all and (max-width: 710px){
	.grid .colspanfull 			{ width:100% }
	.grid .colspanhalf 			{ width:50% }
	.grid .colspanthird 		{ width:50% }
	.grid .colspantwothirds 	{ width:100% }
	.grid .colspanquarter		{ width:50% }
	.grid .colspanthreequarters { width:100% }
	.grid .colspansixth			{ width:50% }
	.grid .colspanfivesixths	{ width:100% }
}
@media all and (max-width: 480px){
	body 						{ margin: 0 }
	
	.grid .colspanfull 			{ width:100% }
	.grid .colspanhalf 			{ width:100% }
	.grid .colspanthird 		{ width:100% }
	.grid .colspantwothirds 	{ width:100% }
	.grid .colspanquarter		{ width:100% }
	.grid .colspanthreequarters { width:100% }
	.grid .colspansixth			{ width:100% }
	.grid .colspanfivesixths	{ width:100% }
}