.contact__right.contact__right input[type="text"] { width: 100%; max-width: 100%; } .contact__right { float: right; width: 87%; /* margin-top: 56px; */ margin-left: 13%; .title { font-weight: 200; @include font-size(3.2); color: $color__white; text-transform: uppercase; margin-top: 0; margin-bottom: 30px; letter-spacing: 0.025em; } .contact-form { input[type="text"], textarea { border-color: transparent; } } } .contact-form { .contact-submit { margin-bottom: 0; .pushbutton-wide { text-transform: uppercase; font-size: 16px; letter-spacing: 0.05em; padding: 13px 30px; border-radius: 100px; background-color: $color__main; color: $color__white; &:hover { background-color: $color__black; color: $color__white; } &:focus, &:active { outline: none; background-color: $color__main; } } } input[type="text"] { padding: 8px 17px; margin-bottom: 7px; @include font-size(1.7); font-weight: 400; } textarea { height: 144px; float: none; margin-bottom: 0; @include font-size(1.7); font-weight: 400; } } .contact-form.contact-form textarea { width: 100%; } .contact-form.contact-form input[type="text"] { width: 100%; max-width: 100%; } @media (max-width: 991px) { .section-contact__right { width: 100%; margin-top: 50px; margin-bottom: 50px; .contact__right { width: 100%; margin-left: 0; } .title { text-align: center; } .contact-submit .pushbutton-wide { width: 100%; } } }