#cookie-bar {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font: 8pt/1.25em Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
    background:#3f6b99;
    height:auto;
    line-height:24px;
    color:#fff;
    text-align:center;
    padding: 3px 30px;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, .2);
}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding: 10px; color: #fff;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {
    background:#ad2918;
    color: #fff;
    float: right;
    margin: 0 0 5px 5px;
}
#cookie-bar .cb-enable:hover {background:#333; color: #fff;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {
    background:#333;
    color: #fff;
    float: right;
    margin: 0 10px 5px 5px;
}
#cookie-bar .cb-policy:hover {background:#fff;color: #002666;}



@media screen and (max-width: 599px) {
    #cookie-bar .cb-enable {
        float: none;
        display: block;
        text-align: center;
        margin: 5px 0 5px 0;
        padding: 3px 0;
    }
    #cookie-bar .cb-policy {
        float: none;
        display: block;
        text-align: center;
        margin: 5px 0 5px 0;
        padding: 3px 0;
    }
}