/* Reset */
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;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

body {
	font:16px/1 "nimbus-sans", Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	background: #000;
  color: white;
}

h1{
  font-size: 36px;
  margin-bottom: 14px;
  margin-top: 80px;
}

/* Background scaling */
.bg {
  position: fixed;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
}
.bg img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  min-width: 50%;
  min-height: 50%;
  filter: blur(8px);
  -webkit-filter: blur(8px);
  opacity: 0.7;
}

p {
	line-height:1.8;
}

a {
	text-decoration: none;
	color: white;
  text-decoration: none;
}

#wrapper {
	width: 100%;
  height: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	position: relative;
}


/* Club section */
.humanlogo img {width: 52px; height: 54px;}

#copy {
	margin-top: 40px;
	width: 36%;
  height: 512px;
	margin-left: 14%;
	float: left;
  top: 12%;
}

#copy p{
  opacity: 0.8;
  font-size: 18px;
  margin-bottom: 80px;
}

.signup{
  color: white;
  background: #FF6118;
  padding: 16px 26px;
  border-radius: 6px;
  font-weight: 700;
  float: left;
  position: absolute;
}

.nohuman {
  clear: both;
  text-decoration: underline;
  opacity: 0.7;
  position: absolute;
  bottom: 0;
  }

/* iPhone section */
.iphone-wrapper{
  display: block;
  width: 50%;
  right: 0;
  position:fixed;
}
  #iphone{
    width: 96%;
    height: 96%;
  }
		#iphone img{
		  display: block;
			width: 100%;
		}
		.iphone-screen{
			position: absolute;
			top: 9.54%;
			left: 14.8%;
			width: 41.7%;
			height: 59%;
      z-index:1 ;
      text-align: center;
		}

    .club {
      z-index: 6;
      position: absolute;
    }

/* Responsive Scaling */

@media screen and (min-height: 400px) {
  .iphone-wrapper {
  bottom: 0;}
  #copy {
  top: 18%;
  }

@media screen and (max-width: 1200px) {
  .iphone-wrapper {
  bottom: 0;
}}

@media screen and (max-width: 768px) {

.humanlogo img {width: 30px; height: 32px;}

h1{
  font-size: 26px;
  margin-bottom: 6px;
  margin-top: 40px;
  line-height: 28px;
}
#copy p{
  font-size: 16px;
  margin-bottom: 52px;
  line-height: 22px;
}

#copy {
  margin-top: 40px;
  width: 80%;
  margin-left: 10%;
  top: 14%;
  text-align: center;
}

.signup{
  font-size: 14px;
  padding: 12px 22px;
  position: relative;
  float: none;
  margin: 0 auto;
}

.nohuman {
  position: relative;
  margin-top: 72px;
  bottom: auto;
  font-size: 14px;
  }

.iphone-wrapper{
  width: 100%;
  bottom: -90%;
  right: 0;
  display: none;
}
#iphone{
    position: relative;
    width: 138%;
  }