body{
font-family: cursive;}

.container{
	width: 1200px;
	margin:0 auto;
}

.container-full{
	width:100%;
}
.row{
	margin-bottom:20px;
	/*border:1px solid lightgray;*/
}
.clear{
	clear:both;
}
.height{
	height:100px;
}
[class^="col-"]{
	/*border:1px solid lightgray;*/
	padding:10px;
	box-sizing: border-box;
	float:left;
}
img{
	width:100%;
}
.col-1{
	width:calc((100%/12)*1);	
}
.col-2{
	width:calc((100%/12)*2);
}
.col-3{
	width:calc((100%/12)*3);
}
.col-4{
	width:calc((100%/12)*4);
}
.col-5{
	width:calc((100%/12)*5);
}
.col-6{
	width:calc((100%/12)*6);
}
.col-7{
	width:calc((100%/12)*7);
}
.col-8{
	width:calc((100%/12)*8);
}
.col-9{
	width:calc((100%/12)*9);
}
.col-10{
	width:calc((100%/12)*10);
}
.col-11{
	width:calc((100%/12)*11);
}
.col-12{
	width:calc((100%/12)*12);
}




@media screen and (max-width:850px){
	.container{
		width: 100%;
	}
	.col-4{width:calc((100%/12)*12);

	}

	.col-6{width:calc((100%/12)*12);

	}
	#footer .col-3{width:calc((100%/12)*12);

	}



}

@media screen and (min-width:850px) and (max-width:1200px){
	.container{
		width: 100%;
	}
	.col-4{width:calc((100%/12)*4);

	}
	

	.col-6{width:calc((100%/12)*6);

	}
	#footer .col-3{width:calc((100%/12)*4);
		
	}



	
	
	
}
@media screen and (min-width:900px){
	.container{
		width: 100%;
	}
	
	
}