#cookie-wrap { 
position: fixed; 
display: none; 
height: 40px; width: 100%; top: 0px; left: 0px; z-index: 999; 
padding: 10px 0px; 
background: none repeat scroll 0% 0% rgba(1, 1, 1, 0.70); 
border-bottom: 1px solid rgba(53, 13, 14, 0.80); }
#cookie-wrap #accept { 
cursor: pointer; 
margin-left: 10px; 
padding: 4px 8px; 
background: none repeat scroll 0% 0% rgba(4, 208, 19, 0.65); 
color: #FFFffd; border: medium none; border-color: #000; }
#cookie-wrap #accept:hover { color: #ccc; background: rgba(3, 137, 13, 0.65); }
#cookie-consent { 
display: block; 
min-width: 300px; 
margin-top: -3px; 
margin-left: auto; 
margin-right: auto; 
padding: 0px 0px; 
color: #fcfcfc; }
#cookie-consent > div:first-child { text-align: right; padding-top: 3px; }
#cookie-consent div a.agree { padding: 0 25px; color: #dcdcdc }
#cookie-consent div a.developer, #cookie-consent div div { 
float:left; color: rgba(204, 204, 204, 0.8); cursor: pointer; margin-right: 4px;}

@media all and (max-width: 979px) {
  #cookie-consent div a.developer, #cookie-consent div div { display: none; }
  }
@media all and (max-width: 768px) {
  #cookie-consent div a.agree { display: none; }
  #cookie-consent button#accept{ position: relative; right: 20px; bottom: 0px; }
}
@media all and (max-width: 642px) {
  /*#cookie-consent div a.agree { display: none; }*/
  #cookie-consent button#accept{ position: relative; left: 240px; top: 20px; }
  @media all and (max-width: 322px) {
  /*#cookie-consent div a.agree { display: none; }*/
  #cookie-consent button#accept{ position: relative; left: 218px; top: 0px; }
}
}