form {
    padding-top: 15rem;
    font-size: 2rem;
}

form input {
    font-size: 2rem;
}

.form-row {
    display: flex;
    padding-bottom: 5rem;
    justify-content: center;
    align-items: center;
}

.form-row>label {
    font-weight: bold;
    padding: 0.7rem;
    width: 20%;
    color: #2366a6;
}

.form-row *:not(label) {
    width: 50%;
    padding: 0.7rem;
}

.form-row select {
    width: 52%;
    height: 2.1rem;

}

.form-btn {
    text-align: center;
}

.btn {
    background-color: #2366a6;
    color: #fff;
    padding: 1rem 3rem;
    border-radius: 1rem;
    border: none;
    cursor: pointer;
}

@media (max-width :1024px) {
    form {
        padding-top: 20rem;
        font-size: 3rem;
    }
    form input {
        font-size: 3rem;
    }
    .btn {
        padding: 1.2rem 3.2rem;
        border-radius: 1.2rem;
    }
}

@media (max-width :764px) {
    form {
        padding-top: 25rem;
        font-size: 4rem;
    }
    form input {
        font-size: 4rem;
    }
    .btn {
        padding: 1.8rem 3.8rem;
        border-radius: 1.8rem;
    }
}

@media (max-width :425px) {
    form {
        padding-top: 35rem;
        font-size: 4.5rem;
    }
    form input {
        font-size: 4.5rem;
    }
    .btn {
        padding: 2.5rem 3.5rem;
        border-radius: 2.5rem;
    }
}

@media (max-width :375px) {
    form {
        padding-top: 45rem;
        font-size: 5rem;
    }
    form input {
        font-size: 5rem;
    }
    .btn {
        padding: 2.8rem 4.8rem;
        border-radius: 2.8rem;
    }
}