#popup-may-cap{
    font-size: 16px;
    --orange: #f66c00;
}
#popup-may-cap,
#popup-may-cap .popup-overlay {
    width: 100%;
    height: 100%;
}
#popup-may-cap .popup-overlay{
    background-color: rgba(0,0,0,.66);
}
#popup-may-cap .popup-content{
    width: 601px;
    max-height: 100%;
    height: 488px;
    padding: 0 15px;
    align-self: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	background-image: url(../../../images/popups/23/may-cap/popup-back.jpg);
	background-image: -webkit-image-set(url("../../../images/popups/23/may-cap/popup-back.jpg") 1x, url("../../../images/popups/23/may-cap/popup-back@2x.jpg") 2x);
}
#popup-may-cap .popup-content .popup-close{
    top: 0;
    right: 0;
    padding: 20px 23px;
}
#popup-may-cap .mcap-headline {
    margin-top: -63px;
    margin-bottom: 9px;
}
#popup-may-cap .mcap-headline lottie-player {
    width: 109%;
    height: auto;
}
#popup-may-cap .car{
    width: 601px;
    height: auto;
    aspect-ratio: 1 / 0.812709030100334;
    z-index: -1;
}
#popup-may-cap .button{
    width: 252px;
    height: 59px;
    margin-top: 40px;
    font-size: 1.6875em;
}
@media screen and (min-width:1200px){
}
@media screen and (max-width: 991px){
}
@media screen and (max-width: 567px){
    #popup-may-cap{
        z-index: 99;
    }
    #popup-may-cap .popup-content{
        width: 375px;
        height: 531px;
    }
    #popup-may-cap .popup-content .popup-close{
        padding: 15px;
    }
    #popup-may-cap .button{
        width: 254px;
        height: 59px;
        margin-top: 20px;
        font-size: 1.6875em;
    }
    #popup-may-cap .car{
        width: 375px;
        aspect-ratio: 1 / 0.908;
    }
    #popup-may-cap .mcap-headline {
        margin-top: 8px;
        margin-bottom: 0;
    }
}
@media screen and (max-width: 414px) and (max-height: 700px){
}