@media only screen and (max-width: 575.98px) { ... }

@media only screen and (min-width: 576px) and (max-width: 767.98px) { ... }

@media only screen and (min-width: 768px) and (max-width: 991.98px) { ... }

@media only screen and (min-width: 992px) and (max-width: 1279.98px) {
form{bottom: 1.5%}
form {transform: scale(0.89);}
form > label > div > div > input::placeholder{font-size: calc(12px * 0.89)}
form > label > select , form > label > input::placeholder, form > label > div > input::placeholder,form > label > span, .error{font-size: calc(14px * 0.89)}
form > label > div > span{ line-height: 4; }
form > h2{font-size: calc(32px * 0.89)}

}

@media only screen and (min-width: 1280px) and (max-width: 1439.98px) {
form {transform: scale(0.89);}
form > label > div > div > input::placeholder{font-size: calc(12px * 0.89)}
form > label > select , form > label > input::placeholder, form > label > div > input::placeholder,form > label > span, .error{font-size: calc(14px * 0.89)}
form > label > div > span{ line-height: 4; }
form > h2{font-size: calc(32px * 0.89)}

}