/* Grisp Grid Generator v 0.7 */

.wrapper {
	width: 1170px;
	padding: 0 30px;
}
.col {
	float: left;
	margin-right: 30px;
}
.col.pad { padding: 15px; }
.col.border { border: 1px solid #555; }
.set, .first { clear: both; width: 100%; /*padding-left: 30px; padding-right: 30px;*/ }
.last { margin-right: 0 !important; }
.full { width: 100%; margin-right: 0 !important; }
 
.col-1-2 { width: 570px; } 
.col-1-3 { width: 370px; } 
.col-1-4 { width: 270px; } 
.col-1-5 { width: 210px; }	
	
@media screen and (min-width: 1290px)  {

.wrapper { width: 1170px; margin: 0 auto;}
			.col-1-2 { width: 570px; }
	.pad-1-2 { padding-left: 600px; }	
				.col-1-3 { width: 370px; }
	.pad-1-3 { padding-left: 400px; }	
		.col-2-3 { width: 770px; }
	.pad-2-3 { padding-left: 800px; }	
				.col-1-4 { width: 270px; }
	.pad-1-4 { padding-left: 300px; }	
		.col-2-4 { width: 570px; }
	.pad-2-4 { padding-left: 600px; }	
		.col-3-4 { width: 870px; }
	.pad-3-4 { padding-left: 900px; }	
				.col-1-5 { width: 210px; }
	.pad-1-5 { padding-left: 240px; }	
		.col-2-5 { width: 450px; }
	.pad-2-5 { padding-left: 480px; }	
		.col-3-5 { width: 690px; }
	.pad-3-5 { padding-left: 720px; }	
		.col-4-5 { width: 930px; }
	.pad-4-5 { padding-left: 960px; }	
	
			.col-1-2.pad { width: 540px; }
				.col-1-3.pad { width: 340px; }
		.col-2-3.pad { width: 710px; }
				.col-1-4.pad { width: 240px; }
		.col-2-4.pad { width: 510px; }
		.col-3-4.pad { width: 780px; }
				.col-1-5.pad { width: 180px; }
		.col-2-5.pad { width: 390px; }
		.col-3-5.pad { width: 600px; }
		.col-4-5.pad { width: 810px; }
	
			.col-1-2.pad.border { width: 538px; }
				.col-1-3.pad.border { width: 338px; }
		.col-2-3.pad.border { width: 706px; }
				.col-1-4.pad.border { width: 238px; }
		.col-2-4.pad.border { width: 506px; }
		.col-3-4.pad.border { width: 774px; }
				.col-1-5.pad.border { width: 178px; }
		.col-2-5.pad.border { width: 386px; }
		.col-3-5.pad.border { width: 594px; }
		.col-4-5.pad.border { width: 802px; }
	}
	
@media screen and (min-width: 1230px) and (max-width: 1289px) {

.wrapper { width: 1110px; }
			.col-1-2 { width: 540px; }
	.pad-1-2 { padding-left: 570px; }	
				.col-1-3 { width: 350px; }
	.pad-1-3 { padding-left: 380px; }	
		.col-2-3 { width: 730px; }
	.pad-2-3 { padding-left: 760px; }	
				.col-1-4 { width: 255px; }
	.pad-1-4 { padding-left: 285px; }	
		.col-2-4 { width: 540px; }
	.pad-2-4 { padding-left: 570px; }	
		.col-3-4 { width: 825px; }
	.pad-3-4 { padding-left: 855px; }	
				.col-1-5 { width: 198px; }
	.pad-1-5 { padding-left: 228px; }	
		.col-2-5 { width: 426px; }
	.pad-2-5 { padding-left: 456px; }	
		.col-3-5 { width: 654px; }
	.pad-3-5 { padding-left: 684px; }	
		.col-4-5 { width: 882px; }
	.pad-4-5 { padding-left: 912px; }	
	
			.col-1-2.pad { width: 510px; }
				.col-1-3.pad { width: 320px; }
		.col-2-3.pad { width: 670px; }
				.col-1-4.pad { width: 225px; }
		.col-2-4.pad { width: 480px; }
		.col-3-4.pad { width: 735px; }
				.col-1-5.pad { width: 168px; }
		.col-2-5.pad { width: 366px; }
		.col-3-5.pad { width: 564px; }
		.col-4-5.pad { width: 762px; }
	
			.col-1-2.pad.border { width: 508px; }
				.col-1-3.pad.border { width: 318px; }
		.col-2-3.pad.border { width: 666px; }
				.col-1-4.pad.border { width: 223px; }
		.col-2-4.pad.border { width: 476px; }
		.col-3-4.pad.border { width: 729px; }
				.col-1-5.pad.border { width: 166px; }
		.col-2-5.pad.border { width: 362px; }
		.col-3-5.pad.border { width: 558px; }
		.col-4-5.pad.border { width: 754px; }
	}
	
@media screen and (min-width: 1170px) and (max-width: 1229px) {

.wrapper { width: 1050px; }
			.col-1-2 { width: 510px; }
	.pad-1-2 { padding-left: 540px; }	
				.col-1-3 { width: 330px; }
	.pad-1-3 { padding-left: 360px; }	
		.col-2-3 { width: 690px; }
	.pad-2-3 { padding-left: 720px; }	
				.col-1-4 { width: 240px; }
	.pad-1-4 { padding-left: 270px; }	
		.col-2-4 { width: 510px; }
	.pad-2-4 { padding-left: 540px; }	
		.col-3-4 { width: 780px; }
	.pad-3-4 { padding-left: 810px; }	
				.col-1-5 { width: 186px; }
	.pad-1-5 { padding-left: 216px; }	
		.col-2-5 { width: 402px; }
	.pad-2-5 { padding-left: 432px; }	
		.col-3-5 { width: 618px; }
	.pad-3-5 { padding-left: 648px; }	
		.col-4-5 { width: 834px; }
	.pad-4-5 { padding-left: 864px; }	
	
			.col-1-2.pad { width: 480px; }
				.col-1-3.pad { width: 300px; }
		.col-2-3.pad { width: 630px; }
				.col-1-4.pad { width: 210px; }
		.col-2-4.pad { width: 450px; }
		.col-3-4.pad { width: 690px; }
				.col-1-5.pad { width: 156px; }
		.col-2-5.pad { width: 342px; }
		.col-3-5.pad { width: 528px; }
		.col-4-5.pad { width: 714px; }
	
			.col-1-2.pad.border { width: 478px; }
				.col-1-3.pad.border { width: 298px; }
		.col-2-3.pad.border { width: 626px; }
				.col-1-4.pad.border { width: 208px; }
		.col-2-4.pad.border { width: 446px; }
		.col-3-4.pad.border { width: 684px; }
				.col-1-5.pad.border { width: 154px; }
		.col-2-5.pad.border { width: 338px; }
		.col-3-5.pad.border { width: 522px; }
		.col-4-5.pad.border { width: 706px; }
	}
	
@media screen and (min-width: 1110px) and (max-width: 1169px) {

.wrapper { width: 990px; }
			.col-1-2 { width: 480px; }
	.pad-1-2 { padding-left: 510px; }	
				.col-1-3 { width: 310px; }
	.pad-1-3 { padding-left: 340px; }	
		.col-2-3 { width: 650px; }
	.pad-2-3 { padding-left: 680px; }	
				.col-1-4 { width: 225px; }
	.pad-1-4 { padding-left: 255px; }	
		.col-2-4 { width: 480px; }
	.pad-2-4 { padding-left: 510px; }	
		.col-3-4 { width: 735px; }
	.pad-3-4 { padding-left: 765px; }	
				.col-1-5 { width: 174px; }
	.pad-1-5 { padding-left: 204px; }	
		.col-2-5 { width: 378px; }
	.pad-2-5 { padding-left: 408px; }	
		.col-3-5 { width: 582px; }
	.pad-3-5 { padding-left: 612px; }	
		.col-4-5 { width: 786px; }
	.pad-4-5 { padding-left: 816px; }	
	
			.col-1-2.pad { width: 450px; }
				.col-1-3.pad { width: 280px; }
		.col-2-3.pad { width: 590px; }
				.col-1-4.pad { width: 195px; }
		.col-2-4.pad { width: 420px; }
		.col-3-4.pad { width: 645px; }
				.col-1-5.pad { width: 144px; }
		.col-2-5.pad { width: 318px; }
		.col-3-5.pad { width: 492px; }
		.col-4-5.pad { width: 666px; }
	
			.col-1-2.pad.border { width: 448px; }
				.col-1-3.pad.border { width: 278px; }
		.col-2-3.pad.border { width: 586px; }
				.col-1-4.pad.border { width: 193px; }
		.col-2-4.pad.border { width: 416px; }
		.col-3-4.pad.border { width: 639px; }
				.col-1-5.pad.border { width: 142px; }
		.col-2-5.pad.border { width: 314px; }
		.col-3-5.pad.border { width: 486px; }
		.col-4-5.pad.border { width: 658px; }
	}
	
@media screen and (min-width: 1050px) and (max-width: 1109px) {

.wrapper { width: 930px; }
			.col-1-2 { width: 450px; }
	.pad-1-2 { padding-left: 480px; }	
				.col-1-3 { width: 290px; }
	.pad-1-3 { padding-left: 320px; }	
		.col-2-3 { width: 610px; }
	.pad-2-3 { padding-left: 640px; }	
				.col-1-4 { width: 210px; }
	.pad-1-4 { padding-left: 240px; }	
		.col-2-4 { width: 450px; }
	.pad-2-4 { padding-left: 480px; }	
		.col-3-4 { width: 690px; }
	.pad-3-4 { padding-left: 720px; }	
				.col-1-5 { width: 162px; }
	.pad-1-5 { padding-left: 192px; }	
		.col-2-5 { width: 354px; }
	.pad-2-5 { padding-left: 384px; }	
		.col-3-5 { width: 546px; }
	.pad-3-5 { padding-left: 576px; }	
		.col-4-5 { width: 738px; }
	.pad-4-5 { padding-left: 768px; }	
	
			.col-1-2.pad { width: 420px; }
				.col-1-3.pad { width: 260px; }
		.col-2-3.pad { width: 550px; }
				.col-1-4.pad { width: 180px; }
		.col-2-4.pad { width: 390px; }
		.col-3-4.pad { width: 600px; }
				.col-1-5.pad { width: 132px; }
		.col-2-5.pad { width: 294px; }
		.col-3-5.pad { width: 456px; }
		.col-4-5.pad { width: 618px; }
	
			.col-1-2.pad.border { width: 418px; }
				.col-1-3.pad.border { width: 258px; }
		.col-2-3.pad.border { width: 546px; }
				.col-1-4.pad.border { width: 178px; }
		.col-2-4.pad.border { width: 386px; }
		.col-3-4.pad.border { width: 594px; }
				.col-1-5.pad.border { width: 130px; }
		.col-2-5.pad.border { width: 290px; }
		.col-3-5.pad.border { width: 450px; }
		.col-4-5.pad.border { width: 610px; }
	}
	
@media screen and (min-width: 990px) and (max-width: 1049px) {

.wrapper { width: 870px; }
			.col-1-2 { width: 420px; }
	.pad-1-2 { padding-left: 450px; }	
				.col-1-3 { width: 270px; }
	.pad-1-3 { padding-left: 300px; }	
		.col-2-3 { width: 570px; }
	.pad-2-3 { padding-left: 600px; }	
				.col-1-4 { width: 195px; }
	.pad-1-4 { padding-left: 225px; }	
		.col-2-4 { width: 420px; }
	.pad-2-4 { padding-left: 450px; }	
		.col-3-4 { width: 645px; }
	.pad-3-4 { padding-left: 675px; }	
				.col-1-5 { width: 150px; }
	.pad-1-5 { padding-left: 180px; }	
		.col-2-5 { width: 330px; }
	.pad-2-5 { padding-left: 360px; }	
		.col-3-5 { width: 510px; }
	.pad-3-5 { padding-left: 540px; }	
		.col-4-5 { width: 690px; }
	.pad-4-5 { padding-left: 720px; }	
	
			.col-1-2.pad { width: 390px; }
				.col-1-3.pad { width: 240px; }
		.col-2-3.pad { width: 510px; }
				.col-1-4.pad { width: 165px; }
		.col-2-4.pad { width: 360px; }
		.col-3-4.pad { width: 555px; }
				.col-1-5.pad { width: 120px; }
		.col-2-5.pad { width: 270px; }
		.col-3-5.pad { width: 420px; }
		.col-4-5.pad { width: 570px; }
	
			.col-1-2.pad.border { width: 388px; }
				.col-1-3.pad.border { width: 238px; }
		.col-2-3.pad.border { width: 506px; }
				.col-1-4.pad.border { width: 163px; }
		.col-2-4.pad.border { width: 356px; }
		.col-3-4.pad.border { width: 549px; }
				.col-1-5.pad.border { width: 118px; }
		.col-2-5.pad.border { width: 266px; }
		.col-3-5.pad.border { width: 414px; }
		.col-4-5.pad.border { width: 562px; }
	}
	
@media screen  and (max-width: 989px) {

.wrapper { width: 810px; }
			.col-1-2 { width: 390px; }
	.pad-1-2 { padding-left: 420px; }	
				.col-1-3 { width: 250px; }
	.pad-1-3 { padding-left: 280px; }	
		.col-2-3 { width: 530px; }
	.pad-2-3 { padding-left: 560px; }	
				.col-1-4 { width: 180px; }
	.pad-1-4 { padding-left: 210px; }	
		.col-2-4 { width: 390px; }
	.pad-2-4 { padding-left: 420px; }	
		.col-3-4 { width: 600px; }
	.pad-3-4 { padding-left: 630px; }	
				.col-1-5 { width: 138px; }
	.pad-1-5 { padding-left: 168px; }	
		.col-2-5 { width: 306px; }
	.pad-2-5 { padding-left: 336px; }	
		.col-3-5 { width: 474px; }
	.pad-3-5 { padding-left: 504px; }	
		.col-4-5 { width: 642px; }
	.pad-4-5 { padding-left: 672px; }	
	
			.col-1-2.pad { width: 360px; }
				.col-1-3.pad { width: 220px; }
		.col-2-3.pad { width: 470px; }
				.col-1-4.pad { width: 150px; }
		.col-2-4.pad { width: 330px; }
		.col-3-4.pad { width: 510px; }
				.col-1-5.pad { width: 108px; }
		.col-2-5.pad { width: 246px; }
		.col-3-5.pad { width: 384px; }
		.col-4-5.pad { width: 522px; }
	
			.col-1-2.pad.border { width: 358px; }
				.col-1-3.pad.border { width: 218px; }
		.col-2-3.pad.border { width: 466px; }
				.col-1-4.pad.border { width: 148px; }
		.col-2-4.pad.border { width: 326px; }
		.col-3-4.pad.border { width: 504px; }
				.col-1-5.pad.border { width: 106px; }
		.col-2-5.pad.border { width: 242px; }
		.col-3-5.pad.border { width: 378px; }
		.col-4-5.pad.border { width: 514px; }
	}