#cookieModal {
    background-color: #0b3cc9e6;
}

.wrp-cookie-content {
    display: flex;
    flex-wrap: wrap;
    margin: 0px auto;
}

#cookieModal,
#cookieModal .modal-header,
#cookieModal .modal-body,
#cookieModal .modal-footer {
    background-color: #0b3cc9e6;
}

#cookieModal .cookie-header {
    font-family: "PT Sans", sans-serif;
    font-weight: bold;
    font-size: 29px;
    border-radius: 12px 12px 0px 0px;
}

#cookieModal .modal-header p {
    margin-bottom: 1px;
}

#cookieModal .modal-body,
#cookieModal .cookie-header,
#cookieModal .modal-header p,
#cookieModal .cookie-modal-title {
    width: 100%;
    color: white;
    /* text-align: center; */
}


@media screen and (min-width: 1000px) {

    #cookieModal {
        border-top: 20px solid #0b3cc93d;
    }

    .cookie-modal-footer {
        display: flex;
        flex-wrap: wrap;
        margin: 0px auto;
    }

    .offcanvas-bottom {
        height: 25vh;
        height:auto;
    }
    
    .wrp-cookie-content {
        justify-content: space-between;
    }

}

@media screen and (min-width: 1000px) and (max-width: 1400px) {

    .offcanvas-bottom {
        height: 23vh;
        height:auto;
    }
      
    .wrp-cookie-content {
        width: 1000px;
        padding:40px 0px 25px 0px;
    }

    .cookie-content-top {
        width: 600px;
    }

    .cookie-modal-footer {
        width: 300px;
        padding-top:10px;
    }
    



    #cookieModal #dismiss-cookie,
    #cookieModal #accept-cookie {
        width:260px;
        font-size: 17px;
        height: 50px;
    }
}


@media screen and (min-width: 1400px) {

    .offcanvas-bottom {
        min-height: 23vh;
        height:auto;
    }
      
    .wrp-cookie-content {
        width: 1250px;
        padding:60px 0px 25px 0px;
    }

    .cookie-content-top {
        width: 720px;
    }

    .cookie-modal-footer {
        width: 400px;
        padding-top:10px;
    }


    #cookieModal #dismiss-cookie,
    #cookieModal #accept-cookie {
        width:260px;
        font-size: 17px;
        height: 50px;
    }
}

@media screen and (max-width: 1000px) {

    #cookieModal {
        border-top: 15px solid #0b3cc93d;
    }

    .offcanvas-bottom {
        min-height: 23vh;
        height:auto;
    }

    .wrp-cookie-content {
        width: 100%;
        padding:45px 10px 25px 10px;
    }

    .cookie-modal-footer, .cookie-content-top {
        width: 100%;
    }

    .cookie-content-top {
        margin-top:10px;
        text-align:center;
        order:1;
    }

    #cookieModal #dismiss-cookie,
    #cookieModal #accept-cookie {
        display:block;
        width:260px;
        margin:0px auto 23px auto;
        font-size: 17px;
        height: 50px;
    }
}