#cookie-bar{background:#CCCCCC; height:auto; font-family:'Open Sans', sans-serif; font-size:14px; line-height:24px; color:#333333; text-align:center; padding:10px 0; z-index:10000;}
#cookie-bar.fixed{position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom{bottom:0; top:auto;}
#cookie-bar .wrapper {width: 100%; max-width: 1150px; height: auto; margin: 0px auto;}
#cookie-bar p{margin:0; padding:0; float: left;}
#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:#007700;}
#cookie-bar .cb-enable:hover{background:#009900;}
#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:0px) and (max-width:479px){
#cookie-bar a {width: 95%;margin: 10px 0 0 0;padding:0;}
}
@media only screen and (min-width:480px) and (max-width:767px){
#cookie-bar a {width: 45%;margin: 10px 2.5% 0 2.5%;padding:0;}
}
@media only screen and (min-width:768px) and (max-width:1023px){
#cookie-bar a {width: 45%;margin: 10px 2.5% 0 2.5%;padding:0;} #cookie-bar p {float: none;}
}
@media only screen and (min-width:1024px) and (max-width:1270px){
#cookie-bar a {width: 45%;margin: 10px 2.5% 0 2.5%;padding:0;} #cookie-bar p {float: none;}
}