/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
table{border-collapse:collapse;border-spacing:0}



/* Common Elements */
body {background:#1d1d23; color:white; font-family:'Open Sans', Helvetica, sans-serif; font-size:115%; font-weight:300; font-stretch:normal;}
html, body {height:100%; width:100%}
a {text-decoration:none; color:#1a76b4; outline:none}
a:hover {color:#1db33c;}
.clear {clear:both}
a, a:hover, .btn, .btn:hover {-webkit-transition:all 0.25s ease; -moz-transition:all 0.25s ease; -ms-transition:all 0.25s ease; -o-transition:all 0.25s ease; transition:all 0.25s ease}



.block { text-align:center; height:100%;} 
.block:before { content:''; display:inline-block; height:100%; vertical-align:middle;} 
.centered { display:inline-block; vertical-align:middle; width:800px; }
.left-column {float:left; width:400px; text-align:right;}
.right-column {float:right; width:350px; text-align:left; margin:-0.3em 0 0}
strong {font-weight:700;color:#69ae43;}
img {max-width:100%;}
.logo {max-width:50%}


h1 {margin:0 0 30px}
p {line-height:1.5em; margin:0 0 25px}
.btn {-webkit-appearance:none; border:none; padding:0.8em 1.6em; display:inline-block; cursor:pointer; line-height:1; background:#69ae43; border-radius:3px; color:white; font-weight:700;}
.btn:hover {background:white; color:#69ae43;}



@media all and (max-width:768px) {
	body {font-size:100%;}
	.block {height:auto; width:90%; padding:2em 5%} 
	.block:before {height:auto;} 
	.centered {width:100%; }
	.left-column, .right-column {float:none; width:100%; text-align:right; margin:0;}
}



/* Tiny Phones */
@media all and (max-width:400px) {

}