#cookie-bar {
	background: #2e2e2e;
	text-align: left;
	width: 100%;
	padding: 10px 0;
	overflow: hidden;
	font-size: 86%;
}	
	#cookie-bar p {
		margin: 0 auto;
		padding: 0 10px 40px 10px;
		color: #fff;
		position: relative;
		max-width: 70rem;
		line-height: 150%;
	}
		#cookie-bar a {
			padding: 0;
			margin-left: 0;
			color: #fff;
		}
		#cookie-bar a:hover {color: #ffe500; border-color: #ffe500;}
	
	#cookie-bar .cb-enable {
		position: absolute;
		bottom: 0; right: 10px;
		clear: both;
		background-color: #fff;
		display: block;
		float: left;
		line-height: 30px;
		padding: 0 15px;
		color: #000;
		border: none;
		text-transform: uppercase;
	}
		#cookie-bar .cb-enable:hover {background-color: #ffe500; color: #000;}

/* MEDIA QUERIES ===================================================================== */
/* SMALL - 480px up */
@media only screen and (min-width: 480px) { 
	#cookie-bar {
		font-size: 100%;
	}
}

/* MEDIUM - 768px up */
@media only screen and (min-width: 768px) {
	#cookie-bar p {
		background: url('../images/style/cookie_icon.png') left center no-repeat;
		padding: 25px 150px;
		min-height: 100px;
	}
	#cookie-bar .cb-enable {
		bottom: auto; left: auto;
		top: 5px; right: 10px;
		float: none;
		background-color: transparent;
		background-image: url(../images/style/cookie_close.png);
		background-position: 0 0;
		background-repeat: no-repeat;
		line-height: 16px;
		padding: 0 0 0 21px;
		color: #fff;
	}
		#cookie-bar .cb-enable:hover {
			background-color: transparent;
			color: #ffe500;
			background-position: 0 -16px;
		}
}

/* LARGE - 1024px up */
@media only screen and (min-width: 1024px) { 
	#cookie-bar .cb-enable {
		right: 0;
	}
}