body{position:relative;}
.promo-popup{
    height: 100vh;
    min-height: 800px;
    width: 100%;
    background-color: rgba(0,0,0,0.8);
    position: fixed;
    z-index: 10000;
    top: 0;
    text-align:center;
}
@media screen and (max-height:800px) {
        .promo-popup{
            position: absolute;
        }
}

.promo-popup .close-but{
    position: absolute;
    z-index: 10001;
    right: 34px;
    top: 60px;
    color: #fff;
    font-size: 38px;
    padding-left:100px;
    padding-bottom:100px;
   cursor:pointer;
}
.promo-popup .promo-popup-inner{
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    height:100%;

}
.promo-popup .promo-popup-inner img.desktop{
        width:800px;
        height:auto;
        margin:auto;
        margin-top:20px;
}
.promo-popup .promo-popup-inner img.mobile{
        display:none;
        width:90%;
        margin:auto;
        height:auto;
        margin-top:20px;
}
@media screen and (max-width:728px) {
        .promo-popup{
                position: absolute;
        }
        .promo-popup .promo-popup-inner{
                    align-items: flex-start;
        }
        .promo-popup .promo-popup-inner img.desktop{
                display:none;
        }
        .promo-popup .promo-popup-inner img.mobile{
                display:block;
                margin-top:95px;
        }



}