@media screen and (max-height: 955px) {
    main {
        height: 96vh;
    }
    main form {
        height: 100%;
    }
    .button_submit {
        position: fixed;
        width: calc(100% - 24.5px);
        margin-top: 130px;
    }
}
/*  */
@media screen and (min-width: 500px) {
    body {
        /* background: #F1F1F1 url('/img/background/background-desktop.png') no-repeat top right; */
        background-size: 600px;
    }
}
@media screen and (max-width: 500px) {
    body {
        /* background: #F1F1F1 url('/img/background/background-mobile.png') no-repeat top right; */
        background-size: 90%;
    }
}
@media screen and (min-width: 700px) {
    :root {
        --wrapper-width: 700px;
    }
    .button_submit {
        width: 700px;
    }
    header .logo {
        width: 16%;
    }
    main .graduation {
        padding: 16px 100px;
    }
    .consultant_menu.active {
        width: 700px;
    }
    main .graduation .grade {
        width: 40px;
        height: 40px;
        background-size: 40px;
    }
    main .graduation .grade.active {
        background-size: 40px;
    }
    .consultant_menu.active {
        -webkit-box-shadow: 0px 0px 302px 500px rgba(0, 0, 0, 0.6);
        -moz-box-shadow: 0px 0px 302px 500px rgba(0, 0, 0, 0.6);
        box-shadow: 0px 0px 302px 500px rgba(0, 0, 0, 0.6);
    }
}

@media screen and (max-width: 700px) {
    .consultant_menu.active {
        -webkit-box-shadow: 0px 0px 302px 500px rgba(0, 0, 0, 0.6);
        -moz-box-shadow: 0px 0px 302px 500px rgba(0, 0, 0, 0.6);
        box-shadow: 0px 0px 302px 500px rgba(0, 0, 0, 0.6);
    }
}