@import "http://fonts.googleapis.com/css?family=Raleway";
/*----------------------------------------------
CSS settings for HTML div Exact Center
------------------------------------------------*/
#abc {
width:100%;
height:100%;
opacity:.95;
top:0;z-index: 9;
left:0;
display:none;
position:fixed;
background-color:#313131;
overflow:auto
}
img#close {
position:absolute;
right:-14px;
top:-14px;
cursor:pointer
}
div#popupContact {
position:absolute;
left:40%;
top:17%;
/*margin-left:-202px;*/
font-family:'Raleway',sans-serif
}
#form {
max-width:400px;
min-width:250px;
padding:10px 50px;
border:2px solid gray;
border-radius:10px;
font-family:raleway;
background-color:#fff
}
.p1 {
margin-top:30px
}
.h2f {font-weight: bold;
background-color:#FEFFED;
padding:20px 35px;color:black;
margin:-10px 11px;
text-align:center;
border-radius:10px 10px 0 0
}
.hrf {
margin:10px -50px;
border:0;
border-top:1px solid #ccc
}
input[type=text] {
width:90%;
padding:10px;
margin-top:30px;
border:1px solid #ccc;
padding-left:40px;
font-size:16px;
font-family:raleway
}
#name {
background-image:url(../img/name.jpg);
background-repeat:no-repeat;
background-position:5px 7px
}
#email {
background-image:url(../img/email.png);
background-repeat:no-repeat;
background-position:5px 7px
}
textarea {
background-image:url(../img/msg.png);
background-repeat:no-repeat;
background-position:5px 7px;
width:90%;
height:95px;
padding:10px;
resize:none;
margin-top:30px;
border:1px solid #ccc;
padding-left:40px;
font-size:16px;
font-family:raleway;
margin-bottom:30px
}
#submit {
text-decoration:none;
width:60%;
text-align:center;
display:block;
background-color:#009002;
color:#fff;
border:1px solid #FFCB00;
padding:10px 0;
font-size:20px;
cursor:pointer;
border-radius:5px
}
.spanf {
color:red;
font-weight:700
}
.buttonf {
width:10%;
height:45px;
border-radius:3px;
background-color:#cd853f;
color:#fff;
font-family:'Raleway',sans-serif;
font-size:18px;
cursor:pointer
}
@media only screen and (max-width: 320px) {

div#popupContact {position:absolute;left:1%;} 
}