@charset "UTF-8";
/* CSS Document */

.LeftCol {
	grid-area: an;
}
#main {
	padding: 35px;
	width: auto;
	margin-top: 40px;
	margin-right: 35px;
	}
h2 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: 300;
	font-style: italic;
	letter-spacing: .2 em;
	color: #F03;
	text-align: center;
	margin: 8px 0 8px 0;
	}
h2 .superscript {
	font-size: 13px;
	vertical-align: super;
}
.italic {
	font-style: italic;
	}
h3 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight:400;
	text-align: center;
	}
h3 .superscript {
	font-size: 14px;
	vertical-align: super;
}
.subhead {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	color: #000;
	font-style: normal;
	font-size: 14px;
	line-height: 1.8;
	margin: 0;
	text-align: center;
	}
p {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	color: #000;
	font-style: normal;
	font-size: 14px;
	line-height: 1.8;
	margin: 0 0 10px 0;
	text-align: left;
	}
p .superscript {
	font-size: 12px;
	vertical-align: super;
}
p .smallcap {
	font-size: 16px;
	font-weight: bold;
 	font-variant: small-caps;
	}
p a {
	font-size: 14px;
}
	
/*---for iPhone--*/

@media only screen and (max-width: 480px) and (orientation: portrait) {
#wrapper {
	margin: 0;
	padding: 0;
	float: none;
	max-width: 460px;
	width: auto;
	}
.LeftCol {
	width: 420px;
	height: auto;
	margin-top: 45px;
}
#main {
	padding: 0;
	margin: 0;
	width: 420px;
	}
#main h2 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: 300;
	font-style: italic;
	letter-spacing: .2 em;
	color: #F03;
	text-align: center;
	margin: 0;
	}
#main h2 .superscript {
	font-size: 13px;
	vertical-align: super;
}
#main h3 {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight:400;
	text-align: center;
	line-height: 1.2;
	margin: 0;
	}
#main p {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	color: #000;
	font-style: normal;
	font-size: 12px;
	line-height: 1.8;
	margin: 0 0 10px 0;
	text-align: center;
	padding: 0
	}
#main p .superscript {
	font-size: 10px;
	vertical-align: super;
}
#main p a {
	font-size: 12px;
}
.Credits {margin: 0;}
}
 
@media only screen and (max-width: 375px) and (orientation: portrait) {
.Sidebar {top: 0;}
}

@media only screen and (max-width: 667px) and (orientation: landscape) {
.LeftCol {
	height: 705px;
	}
}

@media only screen and (min-width: 1680px) {
#main {
	margin-left: 35px;
	width: 1020px;
	}	
.LeftCol p {
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 12px;
	}
.italic {font-size: 16px;}
	}