/*
@media screen and (min-width:480px){
	body{
		background:brown;
	}
}

@media screen and (min-width:660px){
	body {
	 background: yellow;
	}
}

*/
/*******************************************
2 column
*******************************************/

@media screen and (min-width: 480px) {

.contactsection{
		width:40%;
		float: left;
		margin-top: 5%;
		}	

.contactaside{
		width:50%;
		float: right;
		margin-top: 5%;
	}	
}
/*******************************************
3 column
*******************************************/
@media screen and (max-width:980px){

.contentone{
width:30%;
padding:1% 4%;
background:grey;
}

.contenttwo{
width:41%;
margin: 0px 0px 5px 5px;
float:right;
background:grey;
}
.contentthree{
clear:both;
padding:1% 4%;
width:auto;
float:none;
background:orange;
}
}

/* for 700px or less*/

@media screen and (max-width:600px){

.contentone{
width:auto;
float:none;
background:grey;
}

.contenttwo{
width:auto;
float:none;
margin-left: 0px;
background:red;
}
.contentthree{
width:auto;
float:none;
background:grey;
}
}