#contact-section{height:70vh;margin:5rem 0}header#contact{background:url(../media/contact-header.1f8t0ei2_1pkx.jpg) 50%/cover no-repeat;border-radius:.5rem;height:calc(100vh - 9rem);margin:2rem}#contact .contact-container{z-index:999;background-color:#14141460;align-items:end;height:100%;padding:0 2rem;display:flex}#contact .site-heading{color:#fff;font-size:8rem}#contact .site-heading span{color:var(--ke-orange)}#contact-section .contact-container{max-width:1500px;height:100%;margin:0 auto;display:flex}#contact-section .content{flex-direction:column;justify-content:space-between;width:60%;height:100%;display:flex}#contact-section .content-footer{gap:2rem;display:flex}#contact-section .contact-column{flex-direction:column;justify-content:space-between;gap:1rem;display:flex}#contact-section .contact-column .site-heading{color:#fff;font-size:1.2rem;font-family:var(--body-font)}#contact-section .contact-column ul{color:#ffffff40;font-family:var(--body-font)}#contact-section .content-header .site-heading{color:#fff;font-size:3rem}#contact-section .content-header .site-heading span{color:var(--ke-orange);display:block}#contact-section .content-header .site-body{color:#ffffff50;width:70%}#contact-section form#contact{grid-template-columns:1fr 1fr;gap:1rem;width:40%;height:100%;padding-top:2rem;display:grid}form#contact .form-block{height:min-content}form#contact label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}form#contact label span{color:#ffffff50;font-size:.8rem}form#contact input,form#contact textarea,form#contact select{color:#fff;background-color:#141414;border-bottom:1px solid #ff740060;outline:none;width:100%;padding:1rem .5rem;transition:border-bottom .3s}form#contact input::placeholder,form#contact textarea::placeholder{color:#ffffff50;font-size:1.2rem}form#contact input:focus-within,form#contact textarea:focus-within,form#contact select:focus-within{border-bottom:1px solid #ff7400}form#contact .contact-block,form#contact .submit-block{grid-column:1/-1}form#contact .submit-block .site-btn{background:var(--ke-orange)}@media screen and (max-width:1440px){#contact-section{height:100vh}#contact-section .contact-container{max-width:none;padding:2rem}#contact-section .content{width:60%}#contact-section .content-header{flex-direction:column;gap:1rem;display:flex}#contact-section .content-header .site-heading{font-size:2.5rem}}