body {
	position: relative;
	font-family: 'Cabin', sans-serif;
}
.sitePondLogo {
	height: 100px;
	width: 300px;
	margin: 25px auto;
	background-image: url('sitePondLogo.png');
	background-repeat: no-repeat;
	background-size: contain;
}
#main {
	font-size: 1.1em;
	background: #F0F0F0;
	color: DarkSlateBlue;
	width: 720px;
	padding: 20px 50px;
	margin: 0 auto 5em;
	border-radius: 10px;
	box-shadow: 10px 10px 10px grey;
	overflow: hidden;
}
#main h2 {
	border-bottom: 1px solid DarkSlateBlue;
}
.underline {
	padding-bottom: 1em;
	border-bottom: 1px solid DarkSlateBlue;
}
.example {
	height: 100px;
}
.example > p {
	width: 440px;
	padding-top: 5px;
	padding-left: 50px;
}
.button {
	float: right;
	font-size: 1.2em;
	color: black;
	text-align: center;
	width: 50px;
	padding: 0 12px;
	margin: 0;
	border-radius: 50px;
	border-top: 2px solid white;
	border-right: 2px solid black;
	border-bottom: 2px solid black;
	border-left: 2px solid white;
	background: -webkit-linear-gradient(left top, White, Green); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom right, White, Green); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom right, White, Green); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom right, White, Green); /* Standard syntax */
}
a:link {
	color: DarkSlateBlue;
}
a:visited {
	color: DarkSlateBlue;
}
a:hover {
	color: MediumSlateBlue;
}
a:active {
	 color: DarkSlateBlue;
}
.button a {
	text-decoration: none;
}
.button a:link {
	color: Black;
}
.button a:visited {
	color: Black;
}
.button a:hover {
	color: White;
}
.button a:active {
	 color: Black;
}
.admin {
	display: inline;
	padding: 0 10px;
	border-right: 1px solid DarkSlateBlue;
}
.admin a {
	text-decoration: none;
}
.admin:last-child {
	border: none;
}
.center {
	text-align: center;
}
.showMobile {
	display: none;
}
@media screen and (max-width: 480px) { /* for mobiles */
	body {
		background: -webkit-linear-gradient(#60D0FF, #60D0FF 1.25%, #FFC 3%, #60D0FF 4.75%); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(#60D0FF, #60D0FF 1.25%, #FFC 3%, #60D0FF 4.75%); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(#60D0FF, #60D0FF 1.25%, #FFC 3%, #60D0FF 4.75%); /* For Firefox 3.6 to 15 */
		background: linear-gradient(#60D0FF, #60D0FF 1.25%, #FFC 3%, #60D0FF 4.75%); /* Standard syntax */
	}
	#main {
		font-size: 2em;
		background: white;
		color: Navy;
		width: 380px;
		padding: 10px 20px;
		margin: 0 0 0 30px;
		border-radius: 10px;
		box-shadow: 10px 10px 10px grey;
		overflow: hidden;
	}
	.showMobile {
		display: inline;
	}
	.hideMobile {
		display: none;
	}
}