#cookie, 
#cookie *       { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

#cookie         { clear: both; width: 100%; font-family: Arial, Helvetica, sans-serif; position: fixed; bottom: 0; left: 0; z-index: 999999; }
.cookie-message { bottom: 0; color: #fff; }
.cookie-inner   { background: url(/assets/cookiewarning/inner-overlay.png) repeat 0 0; bottom: 0; left: 0; position: absolute; right: 0; padding: 20px 20px 20px 20px; min-height: 80px; }

	.cookie-inner p {
		color: #fff;
		font-size: 14px;
		line-height: 1.5em;
		margin: 20px 0;
		float: left;
		width: 90%;
	}
.cookie-inner p:first-child { margin-top: 0; }
.cookie-inner p:last-child  { margin-bottom: 0; }

.cookie-inner a       { color: #fff; text-decoration: none; }
.cookie-inner a:hover {
    color: #808080;
    text-decoration: none;
}
.cookie-accept {
	cursor: pointer;
	position: relative;
	overflow: hidden;
	border-radius: 4px;
	display: inline-block;
	background: #9d9d9d;
	padding: 10px;
	float: right;
}
.cookie-accept:hover  { background-position: 0 -40px; background: #fff; color: #808080; }

@media screen and (max-width: 959px) {
.cookie-message p { font-size: 12px; margin: 10px 0; }
	.cookie-inner p { width: 80%;
	}
}
@media screen and (max-width: 768px) {
	.cookie-inner {
	
		text-align: center;
	}
	.cookie-message p {
		font-size: 12px;
		margin: 10px 0;
		float: none;
		width: 100%;
	}
	.cookie-accept {

		float: none;

	}
}
@media screen and (max-width: 480px) {
.cookie-message .cookie-inner { padding: 10px 10px 10px 10px; }
.cookie-accept                { top: 10px; right: 10px; }
}