/* UMBRELLA */
html {
	font-family: Helvetica, sans-serif;
	-webkit-text-size-adjust: 100%;
	background: #f2f2f2;
	}

body {
  	margin: 0;
  	font-size: 1em;
  	600;
  	line-height: 1.4;
	}

h2 {
	font-size: 2.5em;
	line-height: 1em;
	margin-top: 10%;
	}

ol {
	text-transform: uppercase;
	font-size: 1.6em;
	margin: 0px 12%;
	font-weight: 600;
	color: #222;
}

p { 
	font-size: 2em;
	padding: 0px 10%;
	font-weight: 600;
	}

.wrapper {
	display: block;
	background: #fff;
	height: 100%;
	width: 90%;
	max-width: 960px;
	margin: 0px auto;
	}
	
hr {
	border-top: 4px solid #f2f2f2;
	}

a {
  	text-decoration: underline;
  	color: #66cccc;
	}
	
a:visited {
  	color: #66cccc;
	}
	
a:hover a:focus{
  	color: #222;
	}

::-moz-selection {
 	background: #66cccc;
 	color: #fff;
 	text-shadow: none;
	}
	
::selection {
  	background: #66cccc;
  	color: #fff;
  	text-shadow: none;
	}

/*DIV BOXES*/
.banner {
	display: inline-block;
	padding: 0px 5%;
	color: #66cccc;
	font-size: 2.8em;
	line-height: 3em;
	}

.maintext {
	display: inline-block;
	padding: 0px 10%;
	margin: 10% 0px;
	}

.footer {
	text-align: right;
	padding: 0px 10%;	
	font-size: 1em;
	font-weight: 500;
	color: #777;
	}

/*MOBILE OPTIMIZATION*/
@media (max-width: 1000px){
	.banner {
		font-size: 1.6em;
		line-height: 2em;
		}
	p	{ 
		font-size: 1.6em;
		}
	ol	{ 
		font-size: 1.4em;
		}
	}

@media (max-width: 560px){
	.banner {
		font-size: 1em;
		line-height: 1.5em;
		}
	p	{ 
		font-size: 1.3em;
		}
	ol	{ 
		font-size: 1.2em;
		}
	.footer {
		font-size: .8em;
		}
	}