html, body { 
margin: 0;
padding: 0;
height:100%;
background:none;
}


.nofloat {
		clear:both;
}



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



.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%;
}

 

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

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



}