#popup20210806-wrap {
    position:relative;
    padding-bottom: 116.38%;
    background: #0A0F2E url(/images/2021/popup0806/bg.jpg) no-repeat center top / contain;
}

#popup20210806 {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    text-align:center;
    color:white;
    font-size:14px;
}

#popup20210806 * {
    color:white;
}


#popup20210806 .logo-verano {
    display:block;
    left:0;
    right:0;
    top:0;
    margin:auto;
    width:50%;
    display:block;
}


#popup20210806 .clouds {
    position:absolute;
    display:block;
    left:0;
    bottom:0;
    width:100%;
    z-index:0;
}


#popup20210806 .man {
    position:absolute;
    display:block;
    left:3%;
    bottom:0;
    width:32%;
    display:block;
}

#popup20210806 .logo-ofit {
    position:absolute;
    display:block;
    margin:auto;
    left:0;
    right:0;
    bottom:6.1%;
    width:25%;

}

#popup20210806 a {
    position:relative;
    display:inline-block;
    width:36%;
    margin:0 1%;
}

#popup20210806 a img {
    width: 100%;
}

#popup20210806 a span {
    position:absolute;
    width:100%;
    left:0;
    top:0;
    bottom:0;
    text-align:center;
    margin:auto;
    text-transform:uppercase;
    font-weight:600;
    height: 1.3em;
    line-height: 1.3em;
    font-size: 1.0em;
    font-style: italic;
}

#popup20210806 h2 {font-size: 3em; font-style: italic; margin:0;padding:0;text-transform:uppercase;}
#popup20210806 h3 {font-size: 3em; font-style: italic; margin:0;padding:0;text-transform:uppercase;}
#popup20210806 h4 {font-size: 1.7em; font-style: italic; margin:0;padding:0; }


@media (max-width:800px) {
    #popup20210806 { font-size:10px; }
}

@media (max-width:640px) {
    #popup20210806 { font-size:9px; }
}

@media (max-width:414px) {
    #popup20210806 { font-size:7px; }
}

@media (max-width:360px) {
    #popup20210806 { font-size:6px; }
}