.desktop-only {
	display:none !important;
}
/* Fonts */
body {
	-webkit-text-size-adjust:none;
	font-family:"century gothic", verdana, geneva, sans-serif;
	padding:0;
	margin:0;
	background:#eee;
	position:relative;
}
a {
	color:#00827f;
}
input {
	-webkit-appearance:none;
	font-size:16px; /* stops zooming on iOS devices */
}
#header {
	height:70px;
	margin:0;
	padding:0;
	background:linear-gradient(#fff,#e8f3ff,#e8f3ff) #e8f3ff;
	border-bottom:2px solid #777;
	box-shadow:0 0 5px #777;
	z-index:3;
}
	#header h1 {
		text-indent:-9999px;
		display:block;
		height:70px;
		background:url('/images/mobile_logo.svg') no-repeat 5px 5px;
		z-index:4;
	}
#toggleIcons {
	position:absolute;
	display:block;
	top:0;
	right:0;
	height:70px;
	width:100px;
	z-index:10;
}
a#toggleMenu {
	position:absolute;
	text-align:center;
	top:0;
	right:0;
	height:40px;
	width:40px;
	padding:35px 5px 5px 5px;
	background:url('/images/menu.svg') no-repeat center center;
	cursor:pointer;
	color:white;
	text-indent:-9999px;
}
#menu {
	position:relative;
	top:0px;
	margin:0;
	overflow:hidden;
	z-index:3;
	background:#444;
}
	#menu h3 {
		display:none;
	}
	#menu ul {
		list-style:none;
		margin:0;
		padding:0;
		border-bottom:2px solid #777;
	}
	#menu ul li {
		display:inline;
		list-style:none;
		margin:0;
		padding:0;
	}
	#menu ul li a {
		display:inline-block;
		padding:10px 3%;
		width:44%;
		margin:0;
		text-align:center;
		color:white;
		text-decoration:none;
	}
	#menu ul li a:hover {
		color:#777;
	}
	#menu ul li.current a, #menu ul li.current a:hover {
		color:#2a7fff;
		cursor:default;
	}
#content {
	-webkit-box-shadow:inset 0 5px 10px -5px #aaa;
	padding:5px;
	background:white;
	z-index:1;
	overflow:auto;
}
	#content li{
		list-style:inside disc;
		padding:5px 0;
		margin-left:5%;
	}
#footer {
	clear:both;
	position:relative;
	margin:0;
	background:#ddd;
	color:#777;
	border-top:2px solid #777;
	text-align:center;
	padding:15px 10px;
	z-index:1;
}
	#footer .copyright {
		font-size:0.8em;
	}
	#footer .social_icons {
		padding-bottom:10px;
	}
	#footer a {
		color:#00827f;
	}
	#footer .social_icons a {
		margin:0 5px;
	}

#banner {
	margin:-5px;
	overflow:hidden;
	z-index:2;
	background:#ccc;
	border-bottom:2px solid #777;
	overflow:hidden;
}
	#banner img {
		width:100%;
		margin-bottom:-2px;
	}
h2 {
	margin:30px 15px -30px 15px;
	font-family:"Tangerine", sans-serif;
	font-size:5em;
	color:#aaa;
	text-align:right;
	text-transform:lowercase;
}
	h2.standout {
		margin:30px 15px 0 15px;
		font-family:"Tangerine", sans-serif;
		color:#7a7;
		font-size:5em;
		text-align:center;
	}
h3 {
	clear:both;
	margin:15px;
	padding-top:50px;
	font-size:1.5em;
	color:#7a7;
	letter-spacing:0.1em;
	font-style:oblique;
}
h4 {
	clear:both;
	margin:15px;
	padding-top:30px;
	font-size:1em;
	color:#777;
	font-weight:bold;
	letter-spacing:0.1em;
	text-transform:uppercase;
}
#content ul.gracefulColumns {
	margin:0;
}
	#content ul.gracefulColumns li {
		float:left;
		width:44%;
		margin:0 0 1.5% 6%;
	}
#content ul.graphics  {
	margin:0;
}
	#content ul.graphics li {
		float:left;
		width:47%;
		margin:0 1.5% 1.5% 1.5%;
		list-style:none;
		text-align:center;
	}
	#content ul.graphics li img {
		width:100%;
		height:auto;
		border-radius:10px;
	}
.col4imgs img {
	float:left;
	width:48%;
	margin:0 1% 1em 1%;
	border-radius:10px;
}