@media screen and (max-width: 1000px) and (min-width: 300px) {

    #message {
        display: none;
        position: fixed;
        top: 50px;
        z-index: 9999999;
        background-color: var(--main-color);
        left: 10px;
        width: 250px;
        padding: 10px 15px;
        font: 14px 'MainFont', serif;
        color: var(--buttons-color);
        border: 1px solid var(--buttons-color);
    }
}
@media screen and (min-width: 1000px) {
    #message {
        display: none;
        position: fixed;
        top: 30px;
        z-index: 9999999;
        background-color: var(--main-color);
        left: 10px;
        width: 250px;
        padding: 10px;
        font: 18px 'MainFont', serif;
        color: var(--buttons-color);
        border: 1px solid var(--buttons-color);
    }
}