@import "http://fonts.googleapis.com/css?family=Raleway";
/*----------------------------------------------
 * CSS settings for HTML div Exact Center
 * ------------------------------------------------*/
#abc {
	width:100%;
	height:100%;
	opacity:.90;
	top:0;
	left:0;
	display:none;
	position:fixed;
	background-color:#313131;
	overflow:auto; 
	z-index: 1;
}
img#close {
	position:absolute;
	right:-14px;
	top:-14px;
	cursor:pointer
}
div#popupContact {
	position: absolute;
	left:50%;
	top:5%;
	margin-left: -150px;
/*	margin-left:-150px; */
	font-family:'Raleway',sans-serif;
	z-index: 1;
}
form {
	max-width: 300px; 
/*	min-width:20em; */
	padding:10px 50px;
	border:2px solid #0814FF;
	border-radius:10px;
	font-family:raleway;
	background-color:#fff
}
p {
	margin-top:0px
}
h2#pop {
	background-color:#FEFFED;
	padding:20px 35px;
	margin:-10px -50px;
	text-align:center;
	color: #0814ff;
	border-radius:10px 10px 0 0;
	-webkit-box-shadow: 0 0 10px #0814ff;
	box-shadow: 0 0 10px #0814ff;
}
hr {
	margin:10px -50px;
	border:0;
	border-top:1px solid #0814FF
}
input[type=text] {
	width:100%;
	padding:3px;
	margin-top:30px;
	border:1px solid #0814FF;
	padding-left:10px;
	font-size:16px;
	font-family:raleway
}
#name {
	background-image:url(../images/name.jpg);
	background-repeat:no-repeat;
	background-position:5px 7px
}
#email {
	background-image:url(../images/email.png);
	background-repeat:no-repeat;
	background-position:5px 7px
}
textarea {
	background-image:url(../images/msg.png);
	background-repeat:no-repeat;
	background-position:5px 7px;
	width:100%;
	height:95px;
   overflow: auto;
	padding:3px;
   resize: vertical;
	margin-top:30px;
	border:1px solid #0814FF;
	padding-left:10px;
	font-size:16px;
	font-family:raleway;
	margin-bottom:30px
}
#submit {
	text-decoration:none;
	width:100%;
	text-align:center;
	display:block;
	background-color:#C6DEFF;
	color:#0814FF;
	border:1px solid #0814FF;
	padding:10px 0;
	font-size:20px;
	cursor:pointer;
	border-radius:5px
}

@media only screen and (min-width: 601px) {
	div#popupContact {
		position: absolute;
		left:50%;
		top:17%;
		margin-left: -250px;
	/*	margin-left:-150px; */
		font-family:'Raleway',sans-serif
		z-index: 1;
	}

	form {
		max-width: 500px; 
	/*	min-width:20em; */
		padding:10px 50px;
	}
}