:root
	{
	--accent-color1: #3e96c0;
	--main-color1: #eee;
	}

.cookie_banner
	{
	font-family: arial;
	position:fixed;
	bottom:0px;
	width: 100%;
	z-index: 999;
	border-top: solid 2px var(--accent-color1);
	}
	
.cookie_banner div
	{		
	background:#333;
	text-align: center;
	color: var(--main-color1);
	font-size: 16px;
	padding: 10px;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	}
	
.cookie_container
	{
	max-width: 1000px;
	width: 100%;
	display: flex;
	align-items: center;
	}
	
.cookie_container p
	{		
	width: 70%;
	padding-right: 5%;
	font-weight: normal;
	}

.cookie_container p a
	{
	text-decoration:none;
	color: var(--accent-color1);
	}
	
.cookie_button
	{
	color: var(--main-color1);
	border: 2px solid var(--accent-color1);
	padding: 5px 10px;
	height: min-content;
	font-size: 18px;
	border-radius: 10px;
	font-weight: bold;
	transition: all .2s ease-in;
	cursor: pointer;
	}
	
.cookie_button:hover
	{		
	transform: scale(1.1);
	color: var(--accent-color1);
	border: 2px solid var(--main-color1);
	}
		
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 640px)
	{
	.cookie_banner div
		{
		flex-wrap: wrap;
		}
			
	.cookie_container p
		{		
		width: 100%;
		padding-right: 5%;
		font-weight: normal;
		}
	}