#wrap{
		display: none;
		opacity: 0.8;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		padding: 16px;
		background-color: rgba(1, 1, 1, 0.725);
		z-index: 100;
		overflow: auto;
}
	
#form{
		max-width: 355px;
		max-height: 660px;
		margin: 50px auto;
		display: none;
		background: #dfedfd;
		z-index: 200;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		padding: 16px;
}
#form h2{
		font-size: 20px;
		text-align:  center;
}
	
.close{
		margin-left: 364px;
		margin-top: 4px;
		cursor: pointer;
}
.form-container {
   border: 1px solid #8fc5ff;
   background: #a8cffa;
   background: -webkit-gradient(linear, left top, left bottom, from(#d9ebff), to(#a8cffa));
   background: -webkit-linear-gradient(top, #d9ebff, #a8cffa);
   background: -moz-linear-gradient(top, #d9ebff, #a8cffa);
   background: -ms-linear-gradient(top, #d9ebff, #a8cffa);
   background: -o-linear-gradient(top, #d9ebff, #a8cffa);
   background-image: -ms-linear-gradient(top, #d9ebff 0%, #a8cffa 100%);
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
   -moz-box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
   box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
   text-decoration: none;
   vertical-align: middle;
   min-width:300px;
   padding:20px;
   width: 370px;
}


@media (max-width: 600px) {


#form{
	
	max-width: 330px;
	max-height:570px;
	
}

}