/* ===== == = === Base Styles === = == ===== */

/* XLarge screens */

/* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) {


#logo {
	/*outline: 1px solid black;*/
}


header, #main, #infoot {
	width: 65em;
}



}

/* Large screens */

/* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) {
	


#logo {
	/*outline: 1px solid green;*/
}

header, #main, #infoot {
	width: 62em;
}

}

/* Medium screens */

/* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) { 

#logo {
	/*outline: 1px solid blue;*/
}

nav {
	display: none;
}

header, #main, #infoot {
	width: 90%;
}


} 

/* Small screens */

@media only screen and (max-width: 40em) { 


#logo {
	/*outline: 1px solid red;*/
}

nav {
	display: none;
}

header, #main, #infoot {
	width: 90%;
}

#news-padd {
	margin: 0 auto;
	width: 90%;
}

.iconbox {
	float: left;
	padding: 2em 20%;
	text-align: center;
	width: 60%;
}

.iconbox.m {
	float: left;
	padding: 2em 20%;
	text-align: center;
	width: 60%;
}

#infl {
	float: left;
	width: 100%;
}

#infr {
clear: both;
padding-top: 1em;
width: 100%;
}

#infr ul {
	float: left;
	}
}


#cleft {
	float: left;
	list-style-type: none;
	margin: 0em 0;
	width: 100%;
}

#cright {
	float: right;
	list-style-type: none;
	margin: 0em 0;
	width: 100%;
}

}