@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&display=swap");.contact-page,body{font-family:Oswald,sans-serif;margin:0;padding:0;box-sizing:border-box;background-color:#000;color:#fff}.contact-page{display:flex;justify-content:space-between;padding:50px 60px;height:100vh;align-items:center;font-size:1.15em}.contact-form{width:40%}.contact-form h2{color:red;font-size:1.9em;text-transform:uppercase}.contact-form h3{font-size:2.5em;margin:20px 0;text-transform:uppercase}.contact-form .form-group{display:flex;justify-content:space-between;margin-bottom:17px}.contact-form .form-field{display:flex;flex-direction:column;width:48%}.contact-form label{margin-bottom:6px;font-size:1.05em;color:#fff;text-transform:uppercase}.contact-form input,.contact-form select,.contact-form textarea{padding:12px;background-color:#333;border:none;color:#fff;font-size:1.05em}.contact-form input,.contact-form select{height:53px;margin-bottom:17px}.contact-form textarea{width:205%;height:150px;margin-bottom:17px;resize:none}.contact-form button{background-color:red;color:#fff;padding:12px 17px;border:none;cursor:pointer;text-transform:uppercase;font-size:1.15em;width:50%;align-self:flex-start;margin-top:20px}.image-and-social-media{display:flex;width:55%;height:90%;justify-content:space-between;align-items:center}.contact-image{position:relative;width:60%;height:100%}.social-media{width:35%;align-items:flex-end;justify-content:center}.social-icons,.social-media{display:flex;flex-direction:column}.social-icons{gap:10px}.social-icons .icon{background-color:#333;padding:10px;cursor:pointer;display:flex;justify-content:center;align-items:center}.social-icons .icon img{width:35px;height:35px;filter:invert(100%);transition:all .3s ease}.social-icons .icon:hover img{filter:brightness(1000%)}.social-icons .icon:hover{background-color:#ee0101}@media (max-width:768px){.contact-page{flex-direction:column;padding:20px;height:auto}.contact-form{width:100%;margin-bottom:30px}.contact-form h2,.contact-form h3{text-align:center}.image-and-social-media{flex-direction:column;width:100%;height:auto}.contact-image{width:100%;height:250px}.social-media{width:100%;align-items:center;margin-top:20px}.social-icons{flex-direction:row;justify-content:center;gap:20px}}@media (max-width:480px){.contact-form h2{font-size:1.5em}.contact-form h3{font-size:2em}.contact-form input,.contact-form select,.contact-form textarea{font-size:.9em}.contact-form button{width:100%;font-size:1em}.social-icons .icon img{width:30px;height:30px}.contact-image{height:200px}}