#contactPage{display:flex;flex-direction:column;justify-content:center;position:relative;& .contact-image{position:absolute;top:0;filter:brightness(.3);height:15rem;width:100%;object-fit:cover}& .contact-title{align-self:center;font-size:2rem;color:var(--color-white);border:1px solid var(--color-white);letter-spacing:2px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-left:1rem;margin-right:1rem;margin-bottom:6rem;text-align:center;height:-moz-fit-content;height:fit-content;text-transform:uppercase;padding:1rem}& #contact-information{display:flex;justify-content:center;width:100%;margin-top:2rem;margin-bottom:2rem;&>hr{height:12rem;border-color:var(--color-heading)}#contact-email,& #contact-location{display:flex;flex-direction:column;align-items:center;justify-content:center;width:20rem;gap:1rem;padding-left:2rem;padding-right:2rem;&>span{font-size:3rem}& .contact-heading,&>span{color:var(--color-heading)}& .contact-heading{text-transform:uppercase;font-size:1.2rem;letter-spacing:2px}}}& .contact-form-heading{font-size:1.5rem;width:60%}& #contact-form{display:flex;justify-content:center;width:100%;margin-top:3rem;margin-bottom:5rem}}@media (max-width:1200px){#contactPage{& .contact-form-heading{width:80%}& #contact-form{& #contactForm{width:60%}}}}@media (max-width:800px){#contactPage{& #contact-form{& #contactForm{width:80%}}}}@media (max-width:500px){#contactPage{& #contact-information{flex-direction:column;align-items:center;gap:2rem;margin-top:0;margin-bottom:1rem;&>hr{height:2px;width:75%}}& .contact-form-heading{width:95%}& #contact-form{margin-top:1rem;& #contactForm{width:95%;padding-left:0;padding-right:0}}}}