.contact-bg{margin:32px auto;max-width:500px;padding:0 12px}.contact-form-header h2{color:#111;font-size:2rem;font-weight:700;margin:0 0 16px}.contact-form-logo{margin-bottom:30px;text-align:center}.contact-border{background:#111;border-radius:0;box-shadow:0 2px 12px #0002;padding:32px 24px;position:relative}.contact-form{display:flex;flex-direction:column}.logo-wrapper{margin-bottom:32px;text-align:center}.logo-icon{height:32px;margin:0 auto 6px;position:relative;width:32px}.logo-icon .bar{background:#ded08a;display:block;height:4px;margin:4px 0;width:32px}.logo-icon .dot{background:#ded08a;border-radius:50%;height:6px;left:14px;position:absolute;top:12px;width:6px}.brand{color:#ded08a;font-size:2.2rem;font-weight:300;letter-spacing:2px;margin:0}.contact-form label{color:#ded08a;display:flex;flex-direction:column;font-size:1.1rem;letter-spacing:.5px;margin-bottom:12px}.contact-form input,.contact-form textarea{background:#ded08a;border:none;border-radius:2px;color:#111;font-size:1.05rem;margin-bottom:12px;margin-top:6px;padding:10px 12px;resize:none}.contact-form textarea{min-height:90px}.contact-form button{background:#7db63b;border:none;border-radius:16px;box-shadow:0 4px 0 #49782d;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;margin-top:16px;padding:12px 0;transition:background .2s}.contact-form button:hover{background:#65a72c}.modal-wrapper{position:relative}.modal-wrapper:after,.modal-wrapper:before{background:#000;content:"";height:10px;left:0;position:absolute;top:20px;width:70%}.modal-wrapper:before{bottom:20px;left:auto;right:0;top:auto}@media (max-width:600px){.contact-bg{margin:0;max-width:100%;padding:0}.contact-border{padding:16px 6px}.brand{font-size:1.5rem}header h1{font-size:1.3rem}}