body{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 24px;
	letter-spacing: -.67;
	color: #038277;
	background-color: #eac0e2;
	background-image: url("tile.png");
	background-repeat: repeat;
	margin: 0;
	padding: 0;
	}

p {
	margin-top: 0vh;
	margin-bottom: 1em;
	}

a:link {
	text-decoration: underline;
	color: #083575;
	}

a:visited {
	text-decoration: underline;
	color: #083575;
	}

a:hover {
	text-decoration: underline;
	color: #083575;
	}

a:active {
	text-decoration: underline;
	color: #083575;
	}
	
div.main {
	position: relative;
	width: 60%;
	margin-right: auto;
	margin-left: auto;
	margin-top:10vh;
	margin-bottom:0px;
	padding: 0px;
	}

div.column {
	float: left;
	width: 50%;
	margin-right: 0px;
	margin-left: 0px;
	margin-top:0px;
	margin-bottom:0px;
	padding: 0px;
	background: no-repeat;
    background-size: cover;
	}

div.line1 {
	float: left;
	width: 105%;
	margin-right: 0px;
	margin-left: -1em;
	margin-top: -3em;
	margin-bottom:0px;
	padding: 0px;
}

div.line2 {
	float: left;
	width: 105%;
	margin-right: 0px;
	margin-left: -1em;
	margin-top: -1.66em;
	margin-bottom:0px;
	padding: 0px;
}

*:focus {  
    outline: none;  
	}

img {
    max-width: 100%;
    height: auto;
}

@media only screen and (max-width: 1920px) {
	body {font-size: 24px;}
	p {margin-bottom: 1.25em;}
	div.main {width: 60%;}
	div.column {width: 50%; text-align: left;}
	div.line1 {display:inherit;}
	div.line2 {display:none;}
	overflow-y:scroll;
}

@media only screen and (max-width: 1600px) {
	body {font-size: 22px;}
	p {margin-bottom: 1.25em;}
	div.main {width: 70%;}
	div.column {width: 50%;}
	div.line1 {display:inherit;}
	div.line2 {display:none;}
	overflow-y:scroll;
}

@media only screen and (max-width: 1280px) {
	body {font-size: 20px;}
	p {margin-bottom: 1.25em;}
	div.main {width: 80%;}
	div.column {width: 50%;}
	div.line1 {display:inherit;}
	div.line2 {display:none;}
	overflow-y:scroll;
}

@media only screen and (max-width: 1024px) {
	body {font-size: 18px;}
	p {margin-bottom: 1.25em;}
	div.main {width: 92%;}
	div.column {width: 50%;}
	div.line1 {display:inherit;}
	div.line2 {display:none;}
	overflow-y:scroll;
}

@media only screen and (max-width: 800px) {
	body {font-size: 15px;}
	p {margin-bottom: 1.25em;}
	div.main {width: 94%;}
	div.column {width: 50%;}
	div.line1 {display:inherit;}
	div.line2 {display:none;}
	overflow-y:scroll;
}

@media only screen and (max-width: 640px) {
	body {font-size: 20px;}
	p {margin-bottom: 1.25em;}
	div.main {width: 90%;}
	div.column {width: 100%;}
	div.line1 {display:none;}
	div.line2 {display:inherit;}
	overflow-y:scroll;
}

@media only screen and (max-width: 480px) {
	body {font-size: 18px;}
	p {margin-bottom: 1.25em;}
	div.main {width: 90%;}
	div.column {width: 100%;}
	div.line1 {display:none;}
	div.line2 {display:inherit;}
	overflow-y:scroll;
}