#cookie-bar {background:#111111; height:auto; line-height:1.2rem; color:#eeeeee; text-align:center; padding:1rem;}
#cookie-bar.fixed {position:fixed; z-index: 1200}
#cookie-bar.fixed.bottom {top:auto;}
#cookie-bar p {margin:0; padding:0;text-align: justify;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable { float: right; margin-top: 1rem; background:#007700; cursor: pointer;}
#cookie-bar .cb-enable:hover {background:#009900;}
#cookie-bar .cb-disable {background:#990000; cursor: pointer;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb; cursor: pointer;}
#cookie-bar .cb-policy:hover {background:#0055dd;}

@media only screen and (orientation: landscape) {
    #cookie-bar.fixed {
        width:50%; 
        right:2rem; 
        bottom:2rem; 
    }
}
@media only screen and (orientation: portrait) {
    #cookie-bar.fixed {
        width:10%; 
        bottom:0; 
    }
    #cookie-bar.fixed.bottom {
        bottom:0;
    }
}