/*Contact Style Sheet (CSS)*/

@media only screen and (max-width: 600px){
    label {
    width:100%;
    float: left;
    text-align: left;
    }
    input {
        width: 90%;
    }
    textarea {
        width: 90%;
    }
}
@media only screen and (min-width: 601px){
    label {
	   float: left;
        width:8em;
        text-align: right;
    }
}
    


#contact_form {
    width: 90%;
    max-width: 500px;
    margin: 0 auto;
}


input, select, textarea {
    margin-left: 1em;
    margin-right: 1em;
    margin-bottom: .25em;
}
#buttons input {
	width: 5em;
    float: left;

}

fieldset {
    margin-top: 1em;
    margin-bottom: 1em;
    padding-top: .75em;
    border-color: rgba(245, 167, 43, 0.29);
}
legend {
    color: #f5a72b;
    font-weight: bold;
    font-size: 85%;
    margin-bottom: .5em;
    
}
label.error {
	float: none;
	color: red;
	font-size: 87.5%;
}
.confirmText {
    text-align: center;
    margin: 0 auto;
}

/*Validations icons for HTML5 attributes */
input:required:invalid {
    background-image: url(images/required.png);
    background-position: right top;
    background-repeat: no-repeat;
}
input:focus:invalid {
    background-image: url(images/invalid.png);
    background-position: right top;
    background-repeat: no-repeat;
}
input:required:valid {
    background-image: url(images/valid.png);
    background-position: right top;
    background-repeat: no-repeat;
}