.contact-page main{padding:40px 0;min-height:calc(100vh - 160px)}.contact-panel{max-width:1276px;min-height:586px;margin:0 auto;background:#aea6c4;color:white;display:flex;align-items:flex-start;justify-content:space-between;padding:50px 80px 60px 110px;gap:70px}.contact-content{width:495px;max-width:100%}.contact-content h1{font:400 40px/1.2 roboto-bold,roboto,Arial,sans-serif;color:white;margin:0 0 22px}.contact-intro{font:700 16px/1.6 lato-light,lato,Arial,sans-serif;color:white;margin:0 0 40px;max-width:456px}.contact-content form{display:grid;gap:24px}.name-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:355px}.contact-content label{display:grid;gap:14px;font:700 14px/1.5 lato-light,lato,Arial,sans-serif;color:white;max-width:355px}.contact-content input{width:100%;height:30px;padding:3px 0 8px;background:transparent;border:0;border-bottom:2px solid white;border-radius:0;color:white;font:18px/1.5 lato-light,lato,Arial,sans-serif;outline-offset:4px}.contact-content input:focus{border-bottom-color:#0d1b36}.contact-content .send{border:0;border-radius:24px;padding:12px 25px;width:147px;background:#499ba0;color:white;font:16px/1.2 lato-light,lato,Arial,sans-serif;cursor:pointer;justify-self:start;margin-top:16px}.contact-content .send:hover{background:#09989f}.contact-social{width:200px;min-width:170px;height:400px;background:#83b1b5;margin-top:-50px;display:flex;align-items:flex-end;justify-content:center;padding:45px 20px}.contact-social ul{display:flex;gap:10px;list-style:none;margin:0;padding:0}.contact-social li,.contact-social a{display:block;width:25px;height:25px}.contact-social img{width:25px;height:25px;display:block}.contact-content .form-status{font:16px/1.5 lato-light,lato,Arial,sans-serif;margin:0;max-width:420px}.contact-page footer{background:#aea6c4}
@media(max-width:1000px){.contact-page main{padding:25px 5%}.contact-panel{padding:40px;gap:35px;min-height:586px}.contact-social{margin-top:-40px;width:145px;min-width:130px;height:370px;padding:40px 10px}.contact-content h1{font-size:36px}}
@media(max-width:600px){.contact-page main{padding:20px 5%}.contact-panel{display:block;padding:35px 25px;min-height:0}.contact-content h1{font-size:32px}.contact-intro{margin-bottom:30px}.name-fields{grid-template-columns:1fr;gap:24px}.contact-content label{max-width:none}.contact-social{width:100%;height:auto;min-width:0;margin:35px 0 0;padding:25px}.contact-content .send{margin-top:8px}.contact-content .form-status:empty{display:none}}