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, font, 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 {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;} /* remember to define focus styles! */ :focus {outline: 0;} /* remember to highlight inserts somehow! */ins {text-decoration: none;}del {text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse: collapse;border-spacing: 0;}

/*----------------------------------------------------------------------------
	BASE
----------------------------------------------------------------------------*/

html {
	width: 100%;
	height: 100%;
}

body {
	text-align: center;
	height: 100%;
}

section {
	width: 100%;
	min-width: 760px;
	float: left;
}

.container {
	text-align: left;
	width: 760px;
	margin: 0 auto;

}

h1, h2 {
	font-family: Helvetica;
	font-weight: normal;
}



/*----------------------------------------------------------------------------
	BODY
----------------------------------------------------------------------------*/

body .screen {
	width: 100%;
	height: 100%;
	position: fixed;
	background: #111;
	z-index: 9;
	opacity: 0;
	top: -100%;
}

body.screen .screen {
	-webkit-transition: opacity .5s ease-out;
	top: 0;
	opacity: .1;
}


section.home {
	height: 65%;
	position: relative;
}


section.home .logo {
	color: #000000;
}

section.home .logo h1 {
	/*font-family: Simple-Regular;*/
	/*font-weight: 100;*/
	font-size: 8vw;
	letter-spacing: 25px;
	/*font-weight: 200;*/
	position: absolute;
	/*top: 40%;*/
	margin-top: 15vh;
	/*left: 30%;*/
	margin-left: 10vw;
	margin-right: 10vw;
	line-height: normal;

}

.signUp.top {
	top: 60%;
}

section.home .logo h1.title {

}

section.home .logo h1.shadow {
	opacity: .2;
	-webkit-transform: translate(-10px,-10px);
}

section.home .block {
	width: 100%;
	height: 25%;
	float: left;
}






/*------------------------------------------------------------
	Animations
------------------------------------------------------------*/
@-webkit-keyframes shake {
  0%    { -webkit-transform: translate(6px,0); }
  15%   { -webkit-transform: translate(-6px,0); }
  30%   { -webkit-transform: translate(4px,0); }
  45%   { -webkit-transform: translate(-4px,0); }
  60%   { -webkit-transform: translate(2px,0); }
  70%   { -webkit-transform: translate(-2px,0); }
  80%   { -webkit-transform: translate(1px,0); }
  90%   { -webkit-transform: translate(-1px,0); }
  100%  { -webkit-transform: translate(0px,0); }
}


@-moz-keyframes shake {
  0%    { -moz-transform: translate(6px,0); }
  15%   { -moz-transform: translate(-6px,0); }
  30%   { -moz-transform: translate(4px,0); }
  45%   { -moz-transform: translate(-4px,0); }
  60%   { -moz-transform: translate(2px,0); }
  70%   { -moz-transform: translate(-2px,0); }
  80%   { -moz-transform: translate(1px,0); }
  90%   { -moz-transform: translate(-1px,0); }
  100%  { -moz-transform: translate(0px,0); }
}