/*banner*/
#banner-title{
    height: 31.1875rem;
}
#banner-title img{
    max-width: 1920px;
    object-fit: contain;
}
div.main-title-block, section.main-title-block{
    padding-top: 1rem;
}
@media screen and (max-width: 767px){
    #banner-title{
        height: 28.1875rem;
    }
}
@media screen and (max-width: 440px){
    #banner-title{
        height: 25.1875rem;
    }
}
@media screen and (max-width: 390px){
    #banner-title{
        height: 21.1875rem;
    }
}
@media screen and (max-width: 1030px){
    #banner-title img{
        object-fit: cover;
    }
}

/*cookie popup*/
.cookie-modal-background .modal .modal-header,
.modal-background .modal .modal-header{
    max-width: 540px;
    left: 0;
}
.cookie-modal-background .modal .modal-container,
.modal-background .modal .modal-container{
    margin-top: -200px;
}
.cookie-modal-background .modal .modal-body,
.modal-background .modal .modal-body{
    padding-top: 200px;
}
@media screen and (max-width: 510px){
    .cookie-modal-background .modal .modal-header,
    .modal-background .modal .modal-header{
        max-width: unset;
        width: 110%;
        left: -5%;
    }
}
@media screen and (max-width: 600px) {
    .cookie-modal-background .modal .modal-container,
    .modal-background .modal .modal-container{
        margin-top: -40vw;
    }
    .cookie-modal-background .modal .modal-body,
    .modal-background .modal .modal-body{
        padding-top: 40vw;
    }
}

/*new footer*/
.cookie-modal-background .modal .modal-footer, .modal-background .modal .modal-footer{
    max-width: 540px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
    top: -150px;
}
.cookie-modal-background .modal .modal-body, .modal-background .modal .modal-body{
    padding-bottom: 130px;
}
@media screen and (max-width: 560px) {
    .cookie-modal-background .modal .modal-footer, .modal-background .modal .modal-footer{
        width: 110%;
        left: -5%;
        max-width: unset;
        top: -30vw;
    }
    .cookie-modal-background .modal .modal-body, .modal-background .modal .modal-body{
        padding-bottom: 30vw;
    }
}

/*new bubbles*/
.modal-background .modal .modal-body p{
    position: relative;
    z-index: 1;
}
.modal-background .modal .modal-body .prize-detail{
    margin-bottom: 2.25rem;
}
.modal-background .modal .modal-body .prize-detail-bubbles{
    position: absolute;
    width: 100%;
    height: auto;
    max-width: 430px;
    margin: -315px 0 0 -25px;
    z-index: 0;
}
@media screen and (max-width: 560px) {
    .modal-background .modal .modal-body .prize-detail-bubbles{
        max-width: 80vw;
        margin: -64vw 0 0 -5vw;
    }
}

.img-fluid{
    width: 100%;
    height: auto;
}