@keyframes fadein {
	from { opacity:0; }
	to { opacity:1; }
}
@-moz-keyframes fadein {
	from { opacity:0; }
	to { opacity:1; }
}	
@media (max-width:767px){
	#cookie-content {
		float:left; 
		width: auto; 
		height: auto; 
		background-color: rgba(0,0,0,0.8); 
		color: #DDD; 
		font-family: arial; 
		font-size: 15px; 
		line-height: 15px; 
		position: fixed; 
		bottom: 0px; 
		left: 0px;  
		padding: 15px; 
		z-index: 99999;
		-webkit-animation: fadein 1s;
		-moz-animation: fadein 1s;
		-ms-animation: fadein 1s;
		-o-animation: fadein 1s;
		animation: fadein 1s;								
	}	
	#cookie-info {
		width: 100%; 
		margin: 0px auto;
	}				
}
@media (min-width:768px){
	#cookie-content {
		float:left; 
		width: 100%; 
		height: auto; 
		background-color: rgba(0,0,0,0.8); 
		color: #DDD; 
		font-family: arial; 
		font-size: 15px; 
		line-height: 18px; 
		position: fixed; 
		bottom: 0px; 
		left: 0px;  
		padding: 20px; 
		z-index: 99999;
		-webkit-animation: fadein 1s;
		-moz-animation: fadein 1s;
		-ms-animation: fadein 1s;
		-o-animation: fadein 1s;
		animation: fadein 1s;								
	}	
	#cookie-info {
		width: 66%; 
		margin: 0px auto;
	}
}
#cookie-col-sx {
	float:left; 
	text-align: justify; 
	margin:0px auto;
}			

#cookie-col-sx span {
	color: #fff;
	font-weight: bold;
}

#cookie-col-sx a {
	color: #fff; 
	text-decoration: underline;
}

.cookie-button {
	float: right; 
	margin-top: 10px; 
	padding: 5px; 
	border-radius: 5px; 
	background-color: #eee; 
	color: #333; 
}