@import url(https://fonts.googleapis.com/css?family=Fauna+One|Muli);

/* ==========================================================================
   Author's custom styles
   ========================================================================== */






h1 {
	font-family: Copperplate, 'Copperplate Gothic Light', inherit ;
	font-size: 48px;
	font-style: normal;
	font-variant: normal;
	font-weight: 300;
	line-height: 48px;
	letter-spacing: 11px;
}

h2 {
	font-family: Copperplate, 'Copperplate Gothic Light', inherit ;
	font-size: 32px;
	font-style: normal;
	font-variant: normal;
	font-weight: 200;
	line-height: 30px;
}

h3 {
	font-family: Copperplate, 'Copperplate Gothic Light', inherit ;
	font-size: 24px;
	font-style: normal;
	font-variant: normal;
	font-weight: 200;
	line-height: 30px;
}


.top-buffer { margin-top:100px; }

.button-buffer { margin-top: 50px; }


@media screen and (max-width:480px) {
h1 {
	font-size: 30px;
	letter-spacing: 6px;


}

h2 {
	font-size: 20px;


}

}
.form{
font-family: Copperplate, 'Copperplate Gothic Light', inherit ;
border-radius:2px;
padding:20px 30px;
box-shadow:0 0 15px;
font-size:14px;
font-weight:bold;
width:350px;
margin:20px 250px 0 35px;
float:left;
}
input{
width:100%;
height:35px;
margin-top:5px;
border:1px solid #999;
border-radius:3px;
padding:5px;
}
textarea{
width:100%;
height:80px;
margin-top:5px;
border-radius:3px;
padding:5px;
resize:none;
}

#logindiv{
opacity:0.92;
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
background: #000;
display: none;
}
#login{
width:350px;
margin:0px;
background-color:white;
font-family: Copperplate, 'Copperplate Gothic Light', inherit ;
position: relative;
border: 5px solid #999);
left: 50%;
top: 50%;
margin-left:-210px;
margin-top:-158px;
}
