.contact-page {display:block;width:1280px;max-width:900px;margin:60px auto 100px auto;overflow:hidden;}
.contact-title {display:block;float:left;width:100%;font-family:"EB Garamond", serif;font-size:38px;font-weight:400;color:#284257;margin:0 0 24px 0;}
.contact-intro {display:block;float:left;width:100%;font-size:16px;line-height:160%;color:#434244;margin:0 0 12px 0;}
.contact-email {display:block;float:left;width:100%;font-size:16px;margin:0 0 40px 0;}
.contact-email a {color:#194C8E;text-decoration:underline;}

.contact-form {display:block;float:left;width:100%;max-width:560px;margin:0 0 60px 0;padding:40px;background:#F7F7F7;}
.contact-form-row {display:block;float:left;width:100%;margin-bottom:20px;}
.contact-form-row label {display:block;float:left;width:100%;font-size:14px;font-weight:500;color:#284257;margin-bottom:8px;}
.contact-form-row input, .contact-form-row select, .contact-form-row textarea {display:block;float:left;width:100%;box-sizing:border-box;padding:12px;font-size:14px;font-family:"Roboto", sans-serif;border:1px solid #D8D8D8;background:#fff;color:#434244;}
.contact-form-submit {display:block;float:left;padding:12px 40px;font-size:14px;font-weight:500;color:#F7F7F7;background-color:#194C8E;border:none;text-transform:uppercase;cursor:pointer;transition:background-color 0.3s ease;}
.contact-form-submit:hover {background-color:#284257;}
.contact-form-submit:disabled {opacity:0.6;cursor:default;}
.contact-form-success {display:block;float:left;width:100%;color:#2E7D32;font-size:14px;margin:16px 0 0 0;}
.contact-form-error {display:block;float:left;width:100%;color:#C62828;font-size:14px;margin:8px 0 0 0;}

.contact-faq-title {display:block;float:left;width:100%;font-family:"EB Garamond", serif;font-size:28px;font-weight:400;color:#284257;margin:0 0 30px 0;}
.contact-faq {display:block;float:left;width:100%;}
.contact-faq-group-title {display:block;float:left;width:100%;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:#6B7280;margin:40px 0 16px 0;}
.contact-faq-group-title:first-child {margin-top:0;}
.contact-faq-item {display:block;float:left;width:100%;padding:20px 0;border-bottom:1px solid #EDEDED;}
.contact-faq-question {font-size:16px;font-weight:600;color:#284257;margin-bottom:8px;}
.contact-faq-answer {font-size:15px;line-height:150%;color:#434244;}
.contact-faq-answer a {color:#194C8E;text-decoration:underline;}
.contact-faq-answer a:hover {color:#284257;}

@media (max-width: 1279px) {
.contact-page {width:90%;margin:30px 5% 60px 5%;}
.contact-title {font-size:28px;}
.contact-form {padding:24px;}
}