#cookie-bar {
background: #171c2c;
height: 24px;
line-height: 24px;
color: #eeeeee;
text-align: center;
padding: 10px 0;
border-bottom: 1px solid #3a5369;
}

#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar p {margin:0; padding:0;}
#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:#69ABC7;}
#cookie-bar .cb-enable:hover {background:#e6e6e6;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}

@media only screen and (min-width : 512px) and (max-width : 978px) {


#cookie-bar {
 margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
}

}


@media only screen and (min-width : 0px) and (max-width : 512px) {


#cookie-bar {
 margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 50px;

}

}