@media screen and (max-width: 768px){:root{--font-h1: 50px;--font-h2: 40px;--font-h3: 30px;--font-h4: 25px;--font-h5: 18px;--font-h6: 16px;--font-paragraph: 16px}}.contact-form .contact.container{width:850px}.contact-form__title{text-align:center;margin-bottom:40px;color:var(--color-1)}.contact-form .form__message{text-align:center;margin-bottom:20px}.contact-form .contact__fields{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:20px}@media screen and (max-width: 768px){.contact-form .contact__fields{grid-template-columns:repeat(1, minmax(0, 1fr))}}.contact-form__fields{display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));gap:20px}.contact-form__fields .field label{display:block;font-size:16px;font-weight:500}.contact-form__fields .field input,.contact-form__fields .field textarea{width:100%;appearance:none;background-color:rgba(0,0,0,0);padding:12px 30px 12px 0;border:none;border-bottom:1px solid var(--color-1);outline:none;font-size:18px;font-weight:300;transition:all .3s ease}@media screen and (max-width: 768px){.contact-form__fields .field input,.contact-form__fields .field textarea{font-size:16px;padding:10px 30px 10px 0}}.contact-form__fields .field input:focus,.contact-form__fields .field input:not(:placeholder-shown),.contact-form__fields .field textarea:focus,.contact-form__fields .field textarea:not(:placeholder-shown){border-color:var(--color-black)}