html{
	box-sizing:border-box;
}
body{
	padding:0px;
	margin:0px;
	font-family:monochrome;
	
}
*,
*:after,
*:before{
	box-sizing:inherit;
}
.grid-12-col{
	width:100%;
	margin:0px auto;
	overflow:hidden;
}
.grid-12-col:before,
.grid-12-col:after,
.row:before,
.row:after{
	content:" ";
	display:table;
}
.grid-12-col:after,
.row:after{
	clear:both;
}
[class*="col-"]{
	float:left;
	min-height:1px;
	width:100%;
}

@media screen and (max-width:360px){
.col-xsm-1{width:8.33333%}
.col-xsm-2{width:16.66667%}
.col-xsm-3{width:25%}
.col-xsm-4{width:33.33333%}
.col-xsm-5{width:41.66667%}
.col-xsm-6{width:50%}
.col-xsm-7{width:58.33333%}
.col-xsm-8{width:66.66667%}
.col-xsm-9{width:75%}
.col-xsm-10{width:83.33333%}
.col-xsm-11{width:91.66667%}
.col-xsm-12{width:100%}
}
@media screen and (min-width:361px) and (max-width:450px){
.col-sm-1{width:8.33333%}
.col-sm-2{width:16.66667%}
.col-sm-3{width:25%}
.col-sm-4{width:33.33333%}
.col-sm-5{width:41.66667%}
.col-sm-6{width:50%}
.col-sm-7{width:58.33333%}
.col-sm-8{width:66.66667%}
.col-sm-9{width:75%}
.col-sm-10{width:83.33333%}
.col-sm-11{width:91.66667%}
.col-sm-12{width:100%}	
}
@media screen and (min-width:451px) and (max-width:600px){
.col-wd-1{width:8.33333%}
.col-wd-2{width:16.66667%}
.col-wd-3{width:25%}
.col-wd-4{width:33.33333%}
.col-wd-5{width:41.66667%}
.col-wd-6{width:50%}
.col-wd-7{width:58.33333%}
.col-wd-8{width:66.66667%}
.col-wd-9{width:75%}
.col-wd-10{width:83.33333%}
.col-wd-11{width:91.66667%}
.col-wd-12{width:100%}	
}
@media screen and (min-width:601px) and (max-width:760px){
.col-lg-1{width:8.33333%}
.col-lg-2{width:16.66667%}
.col-lg-3{width:25%}
.col-lg-4{width:33.33333%}
.col-lg-5{width:41.66667%}
.col-lg-6{width:50%}
.col-lg-7{width:58.33333%}
.col-lg-8{width:66.66667%}
.col-lg-9{width:75%}
.col-lg-10{width:83.33333%}
.col-lg-11{width:91.66667%}
.col-lg-12{width:100%}
}
@media screen and (min-width:761px) and (max-width:960px){
.col-lg1-1{width:8.33333%}
.col-lg1-2{width:16.66667%}
.col-lg1-3{width:25%}
.col-lg1-4{width:33.33333%}
.col-lg1-5{width:41.66667%}
.col-lg1-6{width:50%}
.col-lg1-7{width:58.33333%}
.col-lg1-8{width:66.66667%}
.col-lg1-9{width:75%}
.col-lg1-10{width:83.33333%}
.col-lg1-11{width:91.66667%}
.col-lg1-12{width:100%}
}
@media screen and (min-width:961px) and (max-width:1250px){
.col{box-shadow:0px 2px 3px white;}
.col-lg2-1{width:8.33333%}
.col-lg2-2{width:16.66667%}
.col-lg2-3{width:25%}
.col-lg2-4{width:33.33333%}
.col-lg2-5{width:41.66667%}
.col-lg2-6{width:50%}
.col-lg2-7{width:58.33333%}
.col-lg2-8{width:66.66667%}
.col-lg2-9{width:75%}
.col-lg2-10{width:83.33333%}
.col-lg2-11{width:91.66667%}
.col-lg2-12{width:100%}
}
@media screen and (min-width:1251px) and (max-width:1460px){

.col{box-shadow:0px 2px 3px black;}
.col-lg3-1{width:8.33333%}
.col-lg3-2{width:16.66667%}
.col-lg3-3{width:25%}
.col-lg3-4{width:33.33333%}
.col-lg3-5{width:41.66667%}
.col-lg3-6{width:50%}
.col-lg3-7{width:58.33333%}
.col-lg3-8{width:66.66667%}
.col-lg3-9{width:75%}
.col-lg3-10{width:83.33333%}
.col-lg3-11{width:91.66667%}
.col-lg3-12{width:100%}
}
@media screen and (min-width:1460px){

.col{box-shadow:0px 2px 3px black;}
.col-lg3-1{width:8.33333%}
.col-lg3-2{width:16.66667%}
.col-lg3-3{width:25%}
.col-lg3-4{width:33.33333%}
.col-lg3-5{width:41.66667%}
.col-lg3-6{width:50%}
.col-lg3-7{width:58.33333%}
.col-lg3-8{width:66.66667%}
.col-lg3-9{width:75%}
.col-lg3-10{width:83.33333%}
.col-lg3-11{width:91.66667%}
.col-lg3-12{width:100%}	
}