@import url(http://fonts.googleapis.com/css?family=Fauna+One|Muli);
#mainform{
width:100%;
display:block;
clear:both;
min-width:100% !important;
position:fixed;
left:0;
top:0px;
z-index:21474836478;
}
h2{
margin-left: 65px;
text-shadow:1px 0px 3px gray;
}
h3{
font-size:18px;
text-align:center;
padding:0px; margin:0px;
color:#666;
}
#onclick{

}

#popup{
padding-top:80px;
}
.form{
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;

color:#000;

padding:5px;
}
input[type=button]{
background-color:#123456;
border:1px solid white;
font-Weight:bold;
font-size:18px;
color:white;
width:49%;
}
textarea{
width:100%;
height:80px;
margin-top:5px;
color:#000;

padding:5px;
resize:none;
}
#contactdiv{
opacity:0.92;
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
background: #000;
display: none;
}
#logindiv{
position:absolute;
top: 0px;
left: 0px;
width: 100%;
background: rgba(0,0,0,.9);
display: none;
height:700px;
}

#login,#contact{
width:350px;
margin:0px;
background-color:white;
position: relative;
border: 5px solid #ccc;
box-shadow:none;
}
.img{
float: right;
margin-top: -35px;
margin-right: -37px;
}
#contact{
left: 50%;
top: 50%;
margin-left:-210px;

}
#login{
left: 50%;
top: 5%;
margin-left:-210px;
margin-top:50px;
display:block;

}

@media(max-width:992px){

#contactdiv{
opacity:0.92;
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
background: #000;
display: none;
}
#logindiv{
position:absolute;
top: 0px;
left: 0px;
width: 100%;
background: #000;
display: none;
height:700px;
}

#login,#contact{
width:350px;
margin:0px;
background-color:white;
position: relative;
border: 5px solid #ccc;
box-shadow:none;
}
	
#contact{
left: 0%;
top: 50%;
margin:0 auto;
box-shadow:0px;

}
	
#login{
margin:0 auto;
left:0%;
right:0$;
top: 15%;

display:block;
box-shadow:0px;

}

.form{
border-radius:2px;
padding:20px 30px;
box-shadow:0 0 15px;
font-size:14px;
font-weight:bold;
width:350px;
margin:0 auto;
float:none;
}

	}