#cookie-bar {
    background:#111111;
    font-size:0.9rem; 
    height:auto; 
    min-height:24px; 
    line-height:24px; 
    color:#eeeeee; 
    text-align:center; 
    padding:3rem 1rem;
    position: relative;
}

#cookie-bar:before{
    
    height: 100vh;
    width:100vw;
    pointer-events: none;
    background-color: rgba(0,0,0,.7);
    content:"";
    position: absolute;
    top:-100vh;
    left:0;
}

#cookie-bar.fixed {
    position:fixed; 
    bottom:0; 
    left:0; 
    width:100%;
}

#cookie-bar h2{
    
    color:#AAA;
    text-align: left;
    padding-left:5rem;
    
}

#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;font-size:1rem;color:#CCC;line-height:1.8rem;text-align: left;width:80%;padding-left:5rem;}

#cookie-bar a {color:#ffffff; display:inline-block; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#007700;padding:.7rem;width:12rem;margin:1rem;float:right;position: absolute;top:5rem;right:1rem;font-size:1rem; border-radius:9px;font-weight:400;}
#cookie-bar .cb-enable:hover {background:#009900;}
#cookie-bar .cb-disable {background:#990000;padding:.7rem;width:12rem;margin:1rem;float:right;position: absolute;top:9rem;right:1rem;font-size:1rem; border-radius:9px;font-weight:400;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}

/* Smartphones (landscape) ----------- */
@media only screen and (max-width: 667px) and (min-width: 320px){

    #cookie-bar p {width:100%;}
    #cookie-bar .cb-disable {background:#990000;padding:.5rem;width:46%;margin:2%;position: relative;float:left;top:0;right:0;}
    #cookie-bar .cb-enable {background:#007700;padding:.5rem;width:46%;margin:2%;position: relative;float:left;top:0;right:0;}
    
}