.contact-form .container { padding: 120px 0; }
.contact-form h1 { display: block; text-align: center; }
.contact-form form { width: 60%; margin: 60px auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.contact-form form .floating { width: 290px !important; margin-bottom: 20px; }
.contact-form form textarea { padding: 25px; height: 120px; resize: none; margin-bottom: 20px; }
.contact-form button { width: 206px; margin: auto; display: table; }


@media (max-width: 1680px) {
.contact-form form .floating { width: 255px !important; }
}

@media (max-width: 1440px) {
.contact-form form .floating { width: 245px !important; }
}

@media (max-width: 1366px) {
.contact-form form .floating { width: 240px !important; }
}

@media (max-width: 1280px) {
.contact-form form .floating { width: 48% !important; }
}

@media (max-width: 1024px) {
.contact-form .container { padding: 20px; }
.contact-form form { width: 100%; margin: 20px auto; }
.contact-form form .floating { width: 100% !important; margin-bottom: 20px; }
}