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

	#pageWrapper {
	margin-top: 1em;
	margin-right: auto;
	margin-bottom:2em;
	margin-left:auto;
	width: 90%;	
	min-width:320px;
	}
	
	#head {
	width:90%;
	margin:0 auto;
	}
	
	.title {
	font-size:2.5em;
	line-height:1.1em;	
	}
	
	
	.subtitle {
	font-size:1.5em;
	line-height:1em;
	display:block;
	
	}
	
	.head {
	width:90%;
	margin:0 auto;
	}
	
	.mobile_menu {
	text-align: justify;	
	padding:0.4em 0 0.4em 0;
	box-sizing: border-box;
	
	
	}
	
	.mobile_menu:after {
	content: "";
	width: 100%;
	display: inline-block;
    }
	
	.mobile_menu_item {	
	display: inline-block;
	vertical-align: top;
	padding:0.2em;	
	width:60px;
	height:60px;
	border-radius:50%;
	font-size:0.85em;
	color:#fff;
	line-height:60px;
	text-align:center;
	
	}
	
	
	.header {
	clear: both;
	padding: 0px;
	}
	
	.content {
	box-sizing: border-box;
	float:left;
	width: 66.666666%;
	font-family: 'Source Sans Pro';
	padding: 0.5em;
	margin-bottom:5%;
	}
	
	p:firstchild {
	margin-top:0.5em;
	}
	
	p {
	line-height: 1.35em;
	font-size:0.8em;
	
	}
	
	.contact {
	margin-top: 1em;
	
	
	}
	
	.main {
	margin: 1em 0 0 0;
	clear: both;
	padding: 0px;
	}
	
	.main_image {	
	width:100%;
	height:0;
	border-radius:50%;
	
	background-size:cover;
	padding-bottom:100%;
	
	}
	
	.image_container {
		float:left;
		width: 100%;		
		}
		
	.titleText {
	width: 66.6666666%;
	float: left;
	}
	
	.sidebar {
	float:left;
	width:30%;
	margin-right: 3.3333333%;
	clear:both;
	}
	
		.quotes {
	font-size:0.7em;
	}
	
	.qstart {
	font-size: 2.2em;
	margin-top: -0.2em;
	}
	
	.qend {
	font-size:2.2em;
	margin-top: -0.2em;
	}

}


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

	#head, #pageWrapper {
		width:80%;
	}
	
	#head {
	margin:0 auto;
	}
	
}

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

	p {
		line-height: 1.45em;
		font-size:0.9em;
	}
	
	.mobile_menu_item {
	width:75px;
	height:75px;
	font-size:0.9em;
	line-height:75px;
	}
	
	.location {
	font-size:1.4em;
	}
	
	.quotes {
	font-size:0.85em;
	}
	
	.qstart {
	margin-top: -0.2em;
	}
	
	.qstart, .qend {
	font-size: 2.15em;
	}
	
	
}


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

	p {
		line-height: 1.6em;
		font-size:1em;
	}
	
	.content {
	padding:0.8em;
	}
	
	.mobile_menu_item {
	width:75px;
	height:75px;
	font-size:0.9em;
	line-height:75px;
	}
	
	.mobile_menu {
	width: 66.66666%;
	margin-left:33.333333%;
	}
	
	.title {
	font-size:3em;
	}
	
	.subtitle {
	font-size:1.8em;
	}
	
		
	.titleLarge {
	display: none;
	}
	
	
	.location {
	font-size:1.6em;
	}
	
	.quotes {
	font-size:0.9em;
	}
	
	.qstart, .qend {
	font-size: 2.1em;
	margin-top: -0.1em;
	}
	
	
	
	
}

@media only screen and (min-width:1020px) {
	.mobile_menu_item {
    width: 85px;
    height: 85px;
    font-size: 1em;
    line-height: 85px;
	}
	
	.content {
	padding: 1em;
	}

}

@media only screen and (min-width:1200px) {
	#head, #pageWrapper {
	width:70%;
	}
}

	
	

/*END OF MEDIUM SCREEN CSS */