@media only screen and (min-width: 320px) and (max-width: 800px) {
	body { background-color: white; 
		font-size: 1.4em;
	}
 
	#container .content { 
		width: 92%;
		padding: 1em 4%;
	}
	.title {
		font-size: 1.4em;
		display: block;
		text-align: center;
	}
	.titlesmall {
		font-size: 1em;
		display: block;
		text-align: center;
	}
	#nav {
		font-size: 1em;
		text-align: center;
	}
	#nav a i {
	}
	.mobileblock {
		display: block;
		text-align: center;
		font-size: 1.2em;
	}
	.mobileblock strong {
		display: block;
	}
	#mobilebox {
		display: block;
		font-size: 2em;
		width: 1em;
		margin: 0px auto;
		cursor: pointer;
	}
	#daterange {
		display: none; 
	}
	.space {
		padding: 0px 1em 0px 0px;
	}
	.inline {
		display: block;
		float: none;
		margin: 0px auto;
	}
	a,
	input[type='button'],
	input[type='submit'] {
		display: block;
		text-decoration: none;
		padding: 0.4em;
		border: solid 1px #aaa;
		background-color: #efefef !important;
		text-align: center;
	}
	.desktopcolumn {
		display: none;
	}
}