html{
overflow-x:hidden;

}


.wrapper{
margin-left:auto;
margin-right:auto;
position:relative;
width:100%;
top:1px;
height:800px;
/* border:2px solid black;  */
}


.logo{
position:relative;
margin-left:auto;
margin-right:auto;
top:50px;
width:320px;
height:100px;
}

span#logo {
text-align:center;
margin-top:10px;
font-family: 'Squada One', cursive;
font-size:68pt;
}

a{text-decoration:none; color:#000000;}

#e{color:#000000;}
#e:hover{color:rgb(215, 0, 0);}
#d{color:#000000;}
#d:hover{color:rgb(0,57,228);}


.body{
margin-left:auto;
margin-right:auto;
position:relative;
width:64%;
top:50px;
height:570px;
border-top-right-radius:10px;
border-top-left-radius:10px;
background:#ffffff;
-moz-box-shadow: 0 0 25px #b8bbc2;
-webkit-box-shadow: 0 0 25px#b8bbc2;
box-shadow: 0 0 25px #b8bbc2;
border:1px solid #99c9fa;
}


img{border:0; }

.logohead{
position:relative;
margin-left:auto;
margin-right:auto;
top:-45px;
padding-left:2px;
width:50%;
height:150px;
border-top-right-radius:10px; 
border-top-left-radius:10px; 
/*  border-bottom:1px solid black; */
/* background:#d72a13; */
}

.p-wrap{
position:relative;
margin-left:auto;
margin-right:auto;
top:-40px;
width:100%;
height:200px;'
}


#welcome{
position:relative;
margin-left:auto;
margin-right:auto;
text-align:center;
top:10px;
font-size:1.8em;
color:#000000;
font-family:'Open Sans Condensed';
letter-spacing:3px;
}


.social{
position:relative;
margin-left:auto;
margin-right:auto;
top:54px;
width:580px;
/* border:2px solid black; */
}

.logbuttons{
position:relative;
margin-left:auto;
margin-right:auto;
right:1px;
top:45px;
height:60px;
width:100%;
/* border:1px solid black;  */
border-bottom-right-radius:10px;
border-bottom-left-radius:10px;
}


.socialport{
position:relative;
margin-left:auto;
margin-right:auto;
top:150px;
width:60%;
height:50px;
background:#e0e0e0;
border-radius:6px;
border:1px solid #b6d6e3;
}

ul{
position:relative;
float:left;
left:5px;
display:block;
width:120px;
height:50px;
top:-12px;
/* border:2px solid black;  */
}

li{
position:relative;
float:left;
right:40px;
margin:5px;
display:inline-block
}

#icons{width:30px; height:30px;}

.facebook{
position:absolute;
float:left;
left:430px;
top:15px;
width:200px;
/* border:2px solid black; */
z-index:100;
}

.plus{
position:relative;
float:left;
left:20px;
top:15px;
width:100px;
/* border:2px solid black; */
}

.signup{
position:relative;
margin-left:auto;
margin-right:auto;
top:1px;
height:60px;
width:99.4%;
border-bottom-right-radius:10px;
border-bottom-left-radius:10px;
background:rgb(3, 101, 201);
}

.follow-txt{
margin-left:auto;
margin-right:auto;
width:380px;
height:70px;
}

#follow-txt{
position:relative;
text-align:center;
top:12px;
color:#fff;
font-size:1.5em;
font-family:'Open Sans Condensed';
width:400px;
}



.signup {
	position: relative;
	background: #0f7fd5;
	border: 4px solid #c2e1f5;
}
.signup:after, .signup:before {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.signup:after {
	border-color: rgba(15, 127, 213, 0);
	border-top-color: #0f7fd5;
	border-width: 30px;
	left: 50%;
	margin-left: -30px;
}
.signup:before {
	border-color: rgba(194, 225, 245, 0);
	border-top-color: #c2e1f5;
	border-width: 36px;
	left: 50%;
	margin-left: -36px;
}






/* .signup:hover{
position:relative;
margin-left:auto;
margin-right:auto;
top:-1px;
height:60px;
width:100%;
border-bottom-right-radius:10px;
border-bottom-left-radius:10px;
background:rgb(249, 126, 5);
} */


.form{
margin-left:auto;
margin-right:auto;
width:80%;
height:58px;
/* border:1px solid black; */
}
/* 
.email{
position:absolute;
margin-top:8px;
font-size:2em;
width:350px;
}

.submit{
position:absolute;
font-size:2.4em;
float:right;
right:230px;
margin-top:6px;
font-family: 'Squada One', cursive;
} */

   

   form input[type="email"] {
    margin: 5px 30px;
   	padding: 15px;
	border: none;
   	color: #999;
   	background: #fff;
   	float: left;
   	-webkit-border-radius: 3px;
   	-moz-border-radius: 3px;
   	border-radius: 3px;
	font-size:  14px 'Squada One', cursive;
	width: 70%;
}
   
   form input[type="submit"] {
   	margin: 5px -20px;
   	padding: 15px;
	border: none;
   	color: #fff;
   	background: #f97e05;
   	float: left;
   	-webkit-border-radius: 3px;
   	-moz-border-radius: 3px;
   	border-radius: 3px;
	font-size:  14px 'Squada One', cursive;
   }
   
   form input[type="submit"]:hover { 
   	background:rgb(4, 205, 13);
   	-webkit-transition: all 0.2s ease-in-out;
   	-moz-transition: all 0.2s ease-in-out;  
   	-o-transition: all 0.2s ease-in-out;  
   	-ms-transition: all 0.2s ease-in-out;
   	transition: all 0.2s ease-in-out;
   }