
/*CONTACT*/

#contactinfo, #contactformarea {margin-top: 25px;} #contactinfo {text-align: center;}
#success, #error {margin-top: -110px; position: relative;} /*-80px if no Org field*/

.submit {font-size: 19px; margin-top: 5px; padding: 5px 8px 3px 8px; background-color: #2b9845; border: 1px solid #2b9845; border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer; color: #FFF;}
.submit:hover {background-color: #32c455;}

/*Contact Info*/
.conamecont {font-size: 22px; line-height: 28px; font-weight: 600;}
@media (max-width: 415px) {.conamecont span {display: block;}}
.servingcont {font-size: 17px; line-height: 22px; margin-top: 3px;}
@media (max-width: 590px) and (min-width: 330px) {.servingcont span {display: block;}}
.contacthours {font-size: 16px; line-height: 20px;}
.phoneline {font-size: 22px; font-weight: 600;}
.coaddr {display: block; margin: 15px auto;}
@media (max-width: 330px) {
.coaddr span {display: block;}
.coaddr {margin: 2px auto 15px auto;}
}

/*Contact Form*/
#contactformarea {height: 635px;} /*580px if no Org field*/
.text {height: 24px;}
.text, #comments
{padding: 2px; margin-bottom: 3px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; background-color:#f8efdc; border: 1px solid #ecdcba; resize: none; width: 330px;}
#comments {height: 80px;}
#privacy {margin-top: 20px; padding: 0 5px; text-align: center; font-size: 12px; line-height: 16px;}
#privacy span {display: block;}
.submit {font-size: 18px; margin-top: 5px;}

/*"Required" Contact form options*/
.required {text-align: center; margin-bottom: 8px; font-weight: 600; font-size: 16px; color: #F10000;}
.title {text-align: left; font-size: 16px !important; line-height: 18px; padding-top: 7px;}
form label {font-size: 13px; font-weight: normal; text-align: right; margin-top: -22px;}
#success, #error {display:none; text-align: center;}
#success p, #error p {font-size: 22px !important; line-height: 32px;}
#success span, #error span {display:block; top:0; width: 100%; font-weight: 600;}
form label, #success span, #error span {position: absolute;}
form label, form label.error, #error span p {color: #F10000;}
.msg {font-weight: normal; font-size: 13px;}

@media (min-width: 400px) {.text, #comments {width: 330px;} form label {width: 335px;}}
@media (max-width: 399px) {.text, #comments {width: 260px;} form label {width: 265px;}}
@media (max-width: 330px) {#privacy span {display: inline;}}
@media (max-width: 320px) {.text, #comments {width: 240px;} form label {width: 245px;}}
@media (max-width: 300px) {.text, #comments {width: 210px;} form label {width: 215px;}}
