/*	Wide Desktop >1211px */
@media only screen and (min-width: 1212px) {

	.headspan_1, headspan_2, headspan_3 {
		display: block;
	}
	.headspan-position {
		margin-left: 5%;
	}
	#slogan {
		font-size: 120%;
	}
	#masthead .menu {
		float: right;
	}
		#masthead .menu ul {
			margin: 15px 0 0 0;
		}
		
#content {
	margin: 50px 0 0 0;
}
	
	.twitter-1 {
		width: 45%;
		float: left;
	}
	.twitter-2 {
		width: 45%;
		float: right;
	}
	
	#sidebar {
		float: right;
		margin: 10px 1% 0 0;
		width: 24%;
	}

		#sidebar ul {
		padding: 0 0 0 5%;
		}
}

/*	Narrow Desktop - 800-1212px - Default */
@media only screen and (max-width: 1211px) and (min-width: 800px) {

	.headspan_1, headspan_2, headspan_3 {
		display: block;
	}
	.headspan-position {
		margin-left: 5%;
	}
	#slogan {
		font-size: 90%;
		margin: 5px 0 0 0;
	}
	#masthead .menu {
		float: right;
	}
		#masthead .menu ul {
			margin: 5px 0 0 0;
		}	
	
#content {
	margin: 50px 0 0 0;
}

	.twitter-1 {
		width: 45%;
		float: left;
	}
	.twitter-2 {
		width: 45%;
		float: right;
	}

	#sidebar {
		float: right;
		margin: 10px 1% 0 0;
		padding: 0 0 0 0;
		width: 24%;
		background-color: #ffffff;
	}
	
	#sidebar ul {
		padding: 0 0 0 3%;
	}

}

/*	Portrait Tablet or Landscape Smartphone - 480-800px */
@media only screen and (max-width: 800px) and (min-width: 480px) {

	.threecols {
		width: 100%;
	}
	.headspan_1, headspan_3 {
		display: block;
	}
	.headspan-position {
		margin: auto;
		text-align: center;
	}
	.headspan_2 {
		display: none;
	}
	#masthead .menu {
		float: none;
		padding: 0 0 5px 0;
	}


#content {
	margin: 85px 0 0 0;
}

	.content-area {
		float: none;
		margin: 0 0 0 0;
		width: 99%;
	}
		.site-main {
			margin: 0 0 0 1%;
		}
		
	.site-content .widget-area {
		float: none;
		margin: 5px 5px 0 5px;
		width: 99%;
	}
	
	.twitter-1 {
		width: 45%;
		float: left;
	}
	.twitter-2 {
		width: 45%;
		float: right;
	}
	
}


/*	Portrait Smartphone <480px	*/
@media only screen and (max-width: 480px) {

	.threecols {
		width: 100%;
	}
	.headspan_1, headspan_3 {
		display: block;
	}
	.headspan-position {
		margin: auto;
		text-align: center;
	}	
	.headspan_2 {
		display: none;
	}
	#masthead .menu {
		float: none;
		padding: 0 0 5px 0;
	}

#content {
	margin: 85px 0 0 0;
}

	.content-area {
		float: none;
		margin: 0 0 0 0;
		width: 99%;
	}
		.site-main {
			margin: 0 0 0 1%;
		}
		
	.site-content .widget-area {
		float: none;
		margin: 5px 5px 0 5px;
		width: 99%;
	}
	
	.twitter-1 {
		width: 95%;
		float: none;
	}
	.twitter-2 {
		width: 95%;
		float: none;
	}	
	
}