/* contact Form  */

.contact-form {
	clear: both;
	float: left;
	margin-left: 23%;
	width: 50%;
	display: block;
	margin-right: 25%;
	border: 10px solid #ffd700;
	border-radius: 16px;
	background-color: #FFC;
	text-align: center;
	margin-right: 5%;

}


 
.contact-form input, 
.contact-form select, 
.contact-form textarea {
    width:350px;
    border: 1px solid .CEE1E8;
    margin-bottom:10px;
    padding:4px;
	font-size:12px;
}
 
.contact-form input:focus, 
.contact-form select:focus, 
.contact-form textarea:focus {
    border: 1px solid .AFCDD8;
    background-color: .EBF2F4;
}
 
.contact-form textarea {
    height:150px;
    resize: none;
}
 
.contact-form label {
    display:block;
}
 
.contact-form .required {
    font-weight:bold;
    color:.F00;    
}
/* end contact Form */
.contact-form .submit-btn {
    background: blue;
    color: white;
    font-size: 1.1em;
    padding: 14px;
    cursor: pointer;
    margin-top: 10px;
}

/* Specific styling for mobile screens */
@media screen and (max-width: 480px) {
    .contact-form {
        width: 100%;           /* Scale to the screen width... */
        max-width: 350px;      /* ...but stop at 350px */
        display: block;        /* Puts input on its own line */
        margin-top: 5px;       /* Adds space between label and box */
        margin-bottom: 15px;    /* Adds space before the next label */
        padding: 10px;         /* Makes the box easier to tap */
        box-sizing: border-box; /* Prevents padding from adding to width */
    }
.contact-form .submit-btn {
	 background: .0066cc;
    color: white;
    font-size: 1.1em;
    padding: 14px;
    cursor: pointer;
	width: 100%;           /* Scale to the screen width... */
    max-width: 350px;      /* ...but stop at 350px */
    display: block;        /* Puts input on its own line */
    margin-top: 5px;       /* Adds space between label and box */
    margin-bottom: 15px;    /* Adds space before the next label */
    box-sizing: border-box; /* Prevents padding from adding to width */
}
}