/* Form Styles*/
#contact-form {
   background-color:#ff5722;
   padding: 50px 20px 30px 20px;
   max-width:100%;
   float: left;
/*   position: absolute;*/
   margin-top:30px;
   border-radius:7px;
   -webkit-border-radius:7px;
   -moz-border-radius:7px;
}
#contact-form input,   
#contact-form select,   
#contact-form textarea,   
#contact-form label { 
   font-size: 15px;  
   margin-bottom: 2px;
   width:350px;
   /*font-family: Arial, san-serif;*/
} 
#contact-form input,   
#contact-form select,   
#contact-form textarea { 
   width:100%;
   background: #fff;
   border: 0; 
   -moz-border-radius: 4px;  
   -webkit-border-radius: 4px;  
   border-radius: 4px;
   margin-bottom: 25px;  
   padding: 5px;  
}  
#contact-form input:focus,   
#contact-form select:focus,   
#contact-form textarea:focus {  
   background-color: #E5E6E7; 
}  
#contact-form textarea {
   width:100%;
   height: 150px;
}
#contact-form button[type="submit"] {
   background-color: #191919;
    padding: 23px 28px;
    border: 0; 
    border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    margin-top: 30px;
    line-height: normal
}
#contact-form button[type="submit"]:hover {
   text-decoration: none;
    background-color: #fff;
    color: #191919
}

input:required, textarea:required {  
   box-shadow: none;
   -moz-box-shadow: none;  
   -webkit-box-shadow: none;  
   -o-box-shadow: none;  
} 
#contact-form .required {  
   font-weight:bold;  
   color: #fff;      
}

/* Hide success/failure message
   (especially since the php is missing) */
#failure, #success {
   color: #6EA070; 
   display:none;  
}

/* Make form look nice on smaller screens */
@media only screen and (max-width: 580px) {
   #contact-form{
      left: 3%;
      margin-right: 3%;
      width: 88%;
      margin-left: 0;
      padding-left: 3%;
      padding-right: 3%;
   }
}