/*CONTACT FORM*/

#contactinfo {text-align: center;}
#contactinfo table {margin: auto;}
#contactinfo table td {text-align: left;}

.conamecont, .ph2 {font-size: 22px; font-weight: 700;}
.ph2, .ph2 a {color: #000;}
#contactformarea {height: 460px; margin-top: 15px;}
.text {height: 24px;}
.text, #comments
{padding: 2px; margin-left: 5px; margin-bottom: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; background-color:#FFF; border: 1px solid #d3c3aa; resize: none; width: 300px;}
#comments {height: 100px;}
#response {position: absolute; text-align: center; left: 0; right: 0; margin: 330px auto 0 auto; font-size: 20px; line-height: 24px; font-weight: 700;}
#response .failure {color: #dc0000;}
#privacy {margin-top: 20px; text-align: center; font-size: 11px; line-height: 14px;}

.submit {font-size: 18px; margin-top: 5px;}


@media (min-width: 801px) {
#bodytext.contact {height: 530px;}
#contactinfo {position: relative; margin: 25px 0 0 20px; float: left; text-align: left;}
#contactinfo table {margin-left: 0;}
#contactformarea {position: relative; margin: 10px 15px 0 0; float: right;}
#response {position: relative; margin-top: 0px; line-height: 40px; width: 350px;}
.serving span {display: block;}
}

@media (max-width: 570px) {.serving span {display: block;}}

@media (max-width: 399px) {
#privacy {font-size: 11px !important;}
#contactform {margin-left: -9px;}
}
@media (max-width: 399px) and (min-width: 321px) {.text, #comments {width: 260px !important;}}
@media (max-width: 330px) {.serving {font-size: 16px; line-height: 20px;}}
@media (max-width: 320px) {.text, #comments {width: 240px !important;}}