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-phone {
	position: fixed;
	top: 10px;
	right: 20px;
	text-align: center;
	color: #666;
	font-size: 14px;
	line-height: 120%;
}
.fixed a:link, .fixed a:visited,
.fixed-phone a:link, .fixed-phone a:visited {
	color: #666;
	font-size: 14px;
	text-decoration: none;
	background: #fff;
}
.fixed a:hover, .fixed a:active,
.fixed-phone a:hover, .fixed-phone 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%;
	}
	body.enlarged img {
		margin-top: 2rem;
	}
	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;
	}
	body.enlarged img {
		margin-top: 2rem;
	}
	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;

	}

}