h1 {
    font-size: 6vh;
    margin: 0;
}
@media screen and (max-aspect-ratio: 16/9) {
    h1{
        font-size: 3.375vw;
    }
}
@media screen and (max-aspect-ratio: 1/1) {
    h1{
        font-size: 3.375vh;
    }
}
@media screen and (max-aspect-ratio: 9/16) {
    h1{
        font-size: 6vw;
    }
}

.no_href_cookie_g:visited {
    color:chartreuse;
}

.no_href_cookie_r:visited {
    color:deeppink;
}

.cookie{
    position: fixed;
    z-index: 999;
    background-color: #0f0f0f;
    text-align: center;
    width:  calc(16/9*100vh - .5vw);
    height: 30vh;
    top: 70vh;
    left: calc(50vw - 16/9/2*100vh + .25vw);
}               /* упирается в ширину экрана, до высоты длеко, горизонт */
@media screen and (max-aspect-ratio: 16/9) {  /* от минимума и до 16/9  или 1,77777*/
    .cookie {
        width: 100%;
        height: 17vw;
        top: calc(50vh - 9/16/2*100vw + 39vw);
        left: 0;
    }
}                /* упирается в высоту экрана, до ширины далеко, портрет */
@media screen and (max-aspect-ratio: 1/1) {    /*  от нормального портрета до квадрата   */
    .cookie {
        width: calc(9/16*100vh - .5vw);
        height: 25vh;
        top: calc(100vh - 25vh);
        left: calc(50vw - 9/16/2*100vh + .25vw);
    }
}                /* упирается в ширину экрана, до высоты далеко, портрет */
@media screen and (max-aspect-ratio: 9/16) { /*  от минимума ширины до нормального портрета  */
    .cookie {
        top: calc(50vh - 16/9/2*100vw + 16/9*100vw - 44vw); /*  счет относительно ширины  */
        left: 0;
        width: calc(100vw - .5vw);
        height: 44vw;
    }
}