html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}article,aside,dialog,figure,footer,header,hgroup,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;border:0;vertical-align:baseline;background:transparent}ins,mark{background:#333;color:#fff;text-decoration:none}mark{padding:0 3px;}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}::-moz-selection,::-webkit-selection,::selection {text-shadow:none;background:#333;color:#fff;}.cf:before,.cf:after{content:"";display:table;}.cf:after{clear:both;}.cf{zoom:1;}

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}


body {
	padding: 0;
	margin: 0;
	font-family: "proxima-nova",sans-serif;
	font-size: 20px;
	line-height: 30px;
	font-weight: 300;
	
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility; 
	
	height: 100%;
}

.wrapper {
	border:15px solid #00ffcc;
	position: absolute;
	width:100%;
	top:0px;
	bottom:0px;
}

.container {
	padding: 150px;
}

h1 {
	text-transform: uppercase;
	font-size: 40px;
	font-weight: 700;
	border-bottom: 5px solid #000;
	display: inline-block;
}
.img-container { margin-bottom: 15px; max-width: 400px; }

.img-container img { width:100%; height: auto;  }

p { margin-bottom: 20px; }

a {
	text-decoration: underline;
	color: #000;
}

a:hover { text-decoration: none; }

u { text-decoration: none; border-bottom: 1px solid #ccc; }

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

@media only screen and (max-width: 850px) {
	
	.container { padding: 100px; }
	
}

@media only screen and (max-width: 770px) {
	
	.container { padding: 50px; }
	
	h1 { font-size: 30px; margin-bottom: 20px; }
	
	body { font-size: 18px; }
	
}

@media only screen and (max-width: 550px) {
	
	.container { padding: 20px; }
	.wrapper { border:10px solid #00ffcc;}
	
	h1 { font-size: 30px; margin-bottom: 20px; }
	.img-container { margin-bottom: 0px; max-width: 250px; }
	
	body { font-size: 15px; line-height: 25px; }
	
}