.contact{position:relative;min-height:100vh;background-color:#4e654c;display:flex;align-items:center;overflow:hidden}.contact h1{width:fit-content;color:#f7eedf;text-transform:uppercase;text-align:center;font-size:6rem;border-top:4px solid #f7eedf;border-bottom:4px solid #f7eedf}.contact p,.contact h3,.contact h4{color:#f7eedf}.contact img,.contact .overlay{position:absolute;height:100%;width:50%;top:0;right:0;bottom:0;object-fit:cover}@media(max-width: 768px){.contact img,.contact .overlay{display:none}}.contact .overlay{z-index:1;background-color:rgba(0,0,0,.2)}.contact .divider{position:absolute;top:0;bottom:0;right:calc(50% + 3rem);width:1px;height:100%;border-right:1px solid #f7eedf}@media(max-width: 768px){.contact .divider{display:none}}.contact .contact-form-modal{position:absolute;background-color:#f7eedf;top:0;right:auto;left:100%;bottom:0;z-index:1001;width:50%;height:100%;transition:left ease .3s;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 1rem}.contact .contact-form-modal svg{position:absolute;color:#4e654c;top:2rem;left:2rem;cursor:pointer}@media(max-width: 768px){.contact .contact-form-modal{width:100%}}.contact .contact-form-modal.active{left:50%}@media(max-width: 768px){.contact .contact-form-modal.active{left:0}}