.contact-page { margin: 20px 0; }
.contact-page .container { background: white; padding: 4rem; text-align: center; }
.contact-wrapper { display: flex; align-items: center; width: 80%; margin: auto; padding: 3.5rem 0; }
.contact-wrapper .info-wrapper { width: 50%; }
.form { width: 45%; }
.form h3 { margin-bottom: 20px; }
.form .floating { margin-bottom: 10px; }
.form .floating textarea.text { height: 150px !important; }
.info-row { display: flex; align-items: center; padding: 1rem 0; }
.info-row .icon { width: 60px; text-align: center; }
.info-row .icon img { margin: auto; }
.info-row .icon .info:before { content: "\f05a"; font-family: "Fontawesome"; font-size: 1.4rem; font-weight: normal; }
.info-row .icon .location:before { content: "\f015"; font-family: "Fontawesome"; font-size: 1.4rem; font-weight: normal; }

@media (max-width: 1024px){
.contact-page { padding: 0px; }
.contact-wrapper { width: 100%; flex-direction: column; padding: 20px; }
.contact-page .container { padding: 20px 0 0; }
.contact-wrapper .info-wrapper { width: 100%; padding-bottom: 20px; }
.form { width: 100%; border-top: 1px solid #eee; padding: 20px 0 0; }
}