#header {
	background: #cccccc;
}
#main {
	background: #dddddd;
}
#secondary1 {
/*	border: 1px solid #bbbbbb;
*/}/* =Structure
-------------------------------------------------------------- */
.wrap {
	max-width: 980px;
	margin: 0 auto;
	padding: 2em;
}
.wrap:after {
	content: "";
	display: table;
	clear: both;
}
#primary1 {
	max-width: 720px;
	margin: 0 auto;
}
#secondary1 {
	max-width: 400px;
	margin: 0 auto;
	padding: 2em;
}

/* =Media Queries
-------------------------------------------------------------- */
 
@media screen and (min-width : 960px) {
#secondary1 {
	float: right;
	width: 35%;
}
}

/* =Media Queries
-------------------------------------------------------------- */
 
@media screen and (min-width : 960px) {
#primary1 {
	float: right;
	width: 65%;
	padding-right: 2em;
}
#secondary1 {
	float: left;
	width: 25%;
}
}


/* =Color
-------------------------------------------------------------- */

#secondary1 {
/*	border: 1px solid #bbbbbb;
*/}/* =Structure
-------------------------------------------------------------- */

#primary1 {
	max-width: 720px;
	margin: 0 auto;
}
#secondary1 {
	max-width: 400px;
	margin: 0 auto;
	padding: 2em;
}

/* =Media Queries
-------------------------------------------------------------- */
 
@media screen and (min-width : 960px) {
#secondary1 {
	float: right;
	width: 35%;
}
}

/* =Media Queries
-------------------------------------------------------------- */
 
@media screen and (min-width : 960px) {
#primary1 {
	float: right;
	width: 65%;
	padding-right: 2em;
}
#secondary1 {
	
	float: left;
	width: 25%;
}
}

@media screen and (min-width : 960px) {
#primary2 {
	float: left;
	width: 65%;
	padding-left: 2em;
}
#secondary2 {
	float: left;
	width: 25%;
		padding-left: 4em;

}
}