#cookie-banner {    
    display: none;  
    position: fixed;
    top: 0; 
    right: 0; 
    width: 100%;
    z-index: 1;
    background-color: rgba(60, 67, 78, 1);
	border-top: 3px solid #ECE81B;
    color: #fff;
    font-size: 1.2em;
    text-align: center;  
    font-size: 16px;
    line-height: 1.5em;
	padding: 1.3em 1.8em;
	z-index: 9999;
}
#cookie-banner a:link,
#cookie-banner a:visited, 
#cookie-banner a:hover,
#cookie-banner a:active {
    text-decoration: none;
    color: #fff;
}
#cookie-banner a:hover, #cookie-banner a:active{
    text-decoration: underline;
    color: #fff;
}
#cookie-banner button#accept-cookies {
    background-color: #ECE81B;
    border: none;
    color: #000;
    padding: 12px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 4px 2px;
    cursor: pointer;
}
#cookie-banner #cookie-row #cookie-col {
	display: flex;
	align-items: center;
}
#cookie-banner #cookie-consent-text,
#cookie-banner #cookie-consent-text div {
	flex: 1;
	text-align: left;
	width: 100%;
}
#cookie-banner #cookie-consent-button {
	flex: 0 1;
    margin-left: 30px;
}

@media(max-width:480px){
	#cookie-banner #cookie-row #cookie-col {
		display: block;
	}
	#cookie-banner #cookie-consent-button {
		margin-left: 0;
		margin-top: 5px;
	}
    #cookie-banner button#accept-cookies {
		width: 100%;
	}	
}

body.cookie-banner-open {
	overflow-y: hidden;
}
body.cookie-banner-open:after {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .5;
	z-index: 9998;
}