html {height: 100%;}
body {margin:0 auto; 
	width: 100%; 
	height: 100%; 
	background:#fff; 
	text-align: center; 
	color: #000000; 
	line-height: 175%; 
	letter-spacing: 1.03px; 
	font-size: 17px; 
	font-family: Bell MT, Bell, Garamond, Galliard BT, Bakersfield, Palatino, Times, Times New Roman, Times Roman}
.wrapper {margin:100px}
*:focus { outline: none }

a:hover { 
	color: #000000; 
	text-decoration: underline }
a:link { 
	color: #000000; 
	text-decoration: none }
a:visited { 
	color: #000000; 
	text-decoration: none }
h1 {
	font-size: 1.5rem;
	padding: 0 0 .5rem 0;
}
p { 
	color: #000000; 
	font-weight: normal; 
	line-height: 175%; 
	letter-spacing: 1.03px; 
	font-size: 17px 
	}
.text p { 
	font-size: 1rem;
}
.text {
	margin: 0 auto;
	padding: 2rem 0 2rem .5rem;
	width: 80%;
	max-width: 920px;
	text-align: left;
}
p.coda {
	font-size: .9rem;
}
.sm-caps {
	font-variant: small-caps;
}
.img {
	height: 100%;
}
img {
	max-width: 100%;
	height: auto;
}
.img-text-page {
	height: 60vh;
}
.top {
	height: 0;
}
.center-text {
	text-align: center;
}
.footer {
	margin: 0 auto;
	width: 90%;
	text-align: center;
}
.footer-lg {
	margin: 0 auto;
	width: 100%;
	text-align: center;
}
hr {
	margin: 24px 0 28px 0;
}
.fixed {
	position: fixed;
	top: 10px;
	left: 20px;
	background: #fff;
	text-align: left;
	color: #666;
	font-size: 14px;
	text-decoration: none;
	line-height: 160%;
}
.fixed a:link, .fixed a:visited {
	color: #666;
	font-size: 14px;
	text-decoration: none;
	background: #fff;
}
.fixed a:hover, .fixed a:active {
	color: #ccc;
	font-size: 14px;
	text-decoration: none;
	background: #fff;
	
}

@media (min-width:681px) and (max-width:800px) {
body {
	width: 100%;
}
p { 
	color: #000000; 
	font-weight: normal; 
	line-height: 150%; 
	letter-spacing: 1.03px; 
	font-size: 15px }

.img {
	height: 100%;
	max-width: 680px;
}
.top {
	height: 60px;
}
.footer {
	margin: 0 auto;
	width: 80%;
	max-width: 678px;
	text-align: center;
}
.fixed {
	position: fixed;
	top: 10px;
	left: 20px;
	background: #fff;
	text-align: left;
	color: #666;
	font-size: 14px;
	text-decoration: none;
	line-height: 160%;
}
.fixed a:link, .fixed a:visited {
	color: #666;
	font-size: 14px;
	text-decoration: none;
	background: #fff;
}
.fixed a:hover, .fixed a:active {
	color: #ccc;
	font-size: 14px;
	text-decoration: none;
	background: #fff;
	
}
}

@media (min-width:481px) and (max-width:680px) {
body {
	width: 94%;
}
p { 
	color: #000000; 
	font-weight: normal; 
	line-height: 150%; 
	letter-spacing: 1.03px; 
	font-size: 15px }

.img {
	height: auto;
	max-width: 460px;
}
.top {
	height: 80px;
}
.footer {
	margin: 0 auto;
	width: 80%;
	max-width: 478px;
	text-align: center;
}
.fixed {
	position: fixed;
	top: 10px;
	left: 20px;
	background: #fff;
	text-align: left;
	color: #666;
	font-size: 14px;
	text-decoration: none;
	line-height: 160%;
}
.fixed a:link, .fixed a:visited {
	color: #666;
	font-size: 14px;
	text-decoration: none;
	background: #fff;
}
.fixed a:hover, .fixed a:active {
	color: #ccc;
	font-size: 14px;
	text-decoration: none;
	background: #fff;
	
}
}

@media (min-width:321px) and (max-width:480px) {
body {
	width: 90%;
	font-size: 15px;
}
p { 
	color: #000000; 
	font-weight: normal; 
	line-height: 120%; 
	letter-spacing: 1.03px; 
	font-size: 14px }
.img {
	height: auto;
	max-width: 320px;
}
.top {
	height: 100px;
}
.footer {
	margin: 0 auto;
	width: 80%;
	max-width: 318px;
	text-align: center;
}
.fixed {
	position: fixed;
	top: 10px;
	left: 20px;
	background: #fff;
	text-align: left;
	color: #666;
	font-size: 14px;
	text-decoration: none;
	line-height: 160%;
}
.fixed a:link, .fixed a:visited {
	color: #666;
	font-size: 14px;
	text-decoration: none;
	background: #fff;
}
.fixed a:hover, .fixed a:active {
	color: #ccc;
	font-size: 14px;
	text-decoration: none;
	background: #fff;
}

}

@media (min-width:120px) and (max-width:320px) {
body {
	width: 90%;
	font-size: 15px;
}
p { color: #000000; font-weight: normal; line-height: 120%; letter-spacing: 1.03px; font-size: 14px }
.img {
	height: auto;
	max-width: 260px;
}
.top {
	height: 100px;
}
.footer {
	margin: 0 auto;
	width: 80%;
	max-width: 120px;
	text-align: center;
}
.fixed {
	position: fixed;
	top: 10px;
	left: 20px;
	background: #fff;
	text-align: left;
	color: #666;
	font-size: 14px;
	text-decoration: none;
	line-height: 160%;
}
.fixed a:link, .fixed a:visited {
	color: #666;
	font-size: 14px;
	text-decoration: none;
	background: #fff;
}
.fixed a:hover, .fixed a:active {
	color: #ccc;
	font-size: 14px;
	text-decoration: none;
	background: #fff;
	
}

}