.nofloat {
	clear:both;
}



.grid-wrapper {
	position:relative;
	margin: 0 auto;
	width:80%;	
}



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




.container2 {
	position:relative;
	margin:0;
	padding:0;
	width: 100%;
	padding:0px 0px 0px 0px;
}





.grid-1-1 {
	float:left;
	width:100%;
}




.grid-1-2 {
	float:left;
	width:50%;
}

.grid-2-2 {
	float:right;
	width:50%;
}




.grid-1-3 {
	float:left;
	width:33.33%;
}

.grid-2-3 {
	float:left;
	width:33.33%;
}

.grid-3-3 {
	float:right;
	width:33.33%;
}





.grid-1-4 {
	float:left;
	width:25%;
}

.grid-2-4 {
	float:left;
	width:25%;
}

.grid-3-4 {
	float:left;
	width:25%;
}

.grid-4-4 {
	float:right;
	width:25%;
}














@media screen and (max-width:1200px) { 
		 
.grid-wrapper {
	position:relative;
	margin: 0;
	width:auto;
	padding:0;
}

.grid-1-4, 
.grid-2-4, 
.grid-3-4, 
.grid-4-4 {
	float:left;
	width:50%;
}

}
			











@media screen and (max-width:1000px) and (orientation:portrait) {  
			    
.grid-wrapper {
	margin: 0 auto;
	width:100%;
	padding:0;
}

.grid-1-1, 
.grid-1-2,  
.grid-2-2, 
.grid-1-3, 
.grid-2-3, 
.grid-3-3, 
.grid-1-4, 
.grid-2-4, 
.grid-3-4, 
.grid-4-4 {
	float:left;
	width:100%;
}

 
}