.cookie-message {
  position:fixed;
  bottom:0px;left:0;right:0;
  padding:0 145px 0 20px;
  background:#fff;
  /*border-bottom:1px solid #ccc;*/
  box-shadow:0px 0px 3px #ccc;
  display: none;
  z-index: 10000;
  letter-spacing: 0;
  border-top: 2px solid #444;
}
.cookie-message a.cookies-close {
	position: static;  
  cursor:pointer;
	margin: 0 0 0 10px !important;
}   
.cookie-message p, .cookie-message a.cookies-close {
  color:#333;
  font:normal 1.0em/1.2em "Raleway", Arial;  
}
.cookie-message p { margin:0.35em 0; padding: 0; }
.cookie-message a.cookies-close { margin:0.33em 0; }

.cookie-message {
/*border-bottom:1px solid #0E83AE;*/
background: rgba(246, 249, 252,0.85);
}
.cookie-message p, .cookie-message a.cookies-close { color:#444; }

a.cookies-close {
-moz-appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
border: 0;
box-shadow: inset 0 0 0 2px #444;
display: inline-block;
line-height: 3.125em;
background-color: transparent;
border: none;
color: #fff;
font-weight: 600;
padding: 7px 3em;
border-radius: 3px;
cursor: pointer;
/*font-size: 13px;*/
font-weight: normal;
text-decoration: none;
text-overflow: ellipsis;
}

a.cookies-close:hover {  
  background-color: rgba(144, 144, 144, 0.25);
}

/*
@media screen and (max-width: 520px) {
.cookie-message { padding:0 75px 0 10px;  }
.cookies-close { padding: 7px 1em; }
.cookie-message a { right: 10px; }  
}
*/

@media screen and (max-width: 430px) {
  .cookie-message { padding:0 80px 0 6px;  }
  .cookie-message p, .cookie-message a {  font-size: .9em;  }
  .cookie-message a { right: 6px; }
} 

@media screen and (max-width: 460px) {
  a.cookies-close { padding: 7px 1.5em; }
}