@charset "utf-8";
@import url("MerriweatherRegular/stylesheet.css");
@import url("MerriweatherItalic/stylesheet.css");
@import url("MerriweatherBold/stylesheet.css");

body {
	color: #007da5;
	margin: 0;
	padding: 2em 5%;
	background-color: #fffef7;
	display: table;
	position: absolute;
	width: 90%;
	height: 95%;
	font-size: 11pt;
	font-family: MerriweatherRegular;
}

#container {
	display: table-cell;
	vertical-align: middle;
}

a:link, a:visited {
	color: #007da5;
	text-decoration: none;
	border-bottom: 1px solid #CCC;
}

a:active {
	position: relative;
	top: 1px;
	right: -1px;
}

a:hover, a:active {
	color: #990000;
	text-decoration: none;
	border-bottom: 1px solid #CCC;
}

p {
	line-height: 1.65em;
	text-align: left;
	margin: 0 auto;
	width: 510px;
	-webkit-appearance: none;
}

p + p {
	text-indent: 1.5em;
}

cite {
	font-style: normal;
	font-weight: normal;
	font-family: MerriweatherItalic;
}

strong {
	font-style: normal;
	font-weight: normal;
	font-family: MerriweatherBold;
}

#container:after {
	content: url("../img/mowe3.svg");
	margin-top: 4em;
	text-align: center;
	display: block;
	zoom: 80%;
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 767px) {
	body {
		padding-top: 6em;
		font-size: 16pt;
	}
	p {
		width: 720px;
	}
	#container:after {
		zoom: 140%;
		padding-bottom: 6em;
		margin-top: 4em;
	}
}