html { margin: 0px; padding: 0px; }
*, *:before, *:after { margin: inherit; padding: inherit; }

body { margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; padding: 0px; outline: 0px; background-color: #FFFFFF; 
	background-repeat:no-repeat; 
	background-position:center;
	background-color:#FFFFFF;
	background-size:cover;
	background-attachment: fixed;
}

body::-webkit-scrollbar {
    width: 1em;
}
 
body::-webkit-scrollbar-track {
    background-color: #416f96;
}
 
body::-webkit-scrollbar-thumb {
  background-color: #4686c6;
  outline: 2px solid #416f96;
}

a:link { color: #FFFFFF; text-decoration: none; }
a:visited { color: #FFFFFF; text-decoration: none; } 
a:hover { color: #4686c6; text-decoration: none; } 

* {
  box-sizing: border-box;
}

p { 
	font-family: Calibri; 
	font-size: 16px; 
	color: #FFFFFF; 
	text-shadow: 2px 2px 4px #000000;
}
h1 { 
	font-family: Calibri; 
	font-size: 25px; 
	color: #FFFFFF; 
	margin: 10px; 
	text-shadow: 2px 2px 4px #000000;
}

h2 { 
	font-family: Calibri; 
	font-size: 19px; 
	color: #FFFFFF; 
	margin: 10px;
	text-shadow: 2px 2px 4px #000000;
}


div.content-container {
	width: 66%;
}


div.content-one {
  float: right;
  width: 35%;
  padding: 10px;
  padding-top: 0px;
}


div.content-two {
  float: left;
  width: 65%;
  padding: 10px;
  padding-right: 15px;
  padding-top: 0px;
  text-align: left;
}


.content-container:after {
  content: "";
  display: table;
  clear: both;
}


div.container { border: 0px; border-spacing: 0px; padding: 70px 0; border-collapse: collapse; width: 100%; height: 100%; text-align: center; }

.container:after {
  content: "";
  display: table;
  clear: both;
}



/* ------ MOBILE SIZING ------- */

@media screen and (max-width: 700px) {
		div.content-one {
			width: 100%;
			padding: 5px;
		}
		
		div.content-two {
			width: 100%;
			padding: 5px;
		}
		
		div.container {
			padding: 5px;
		}
		
		div.content-container {
			width: 100%;
		}
}