@media screen {
	#cookie-hint {
		position: fixed;
		right: 0;
		left: 0;
		width: 100%;
		max-width: 960px;
		margin: 0 auto;
		color: #333;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 1.5;
		background: #fff;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: -webkit-transform .5s linear;
		-moz-transition: -moz-transform .5s linear;
		transition: transform .5s linear;
		z-index: 100000;
	}
	#cookie-hint.cookie-hint--top {
		top: 0;
		-webkit-transform: translateY(-110%);
		-moz-transform: translateY(-110%);
		transform: translateY(-110%);
	}
	#cookie-hint.cookie-hint--bottom {
		bottom: 0;
		-webkit-transform: translateY(110%);
		-moz-transform: translateY(110%);
		transform: translateY(110%);
	}
	#cookie-hint.is--visible {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		transform: translateY(0);
	}
	#cookie-hint .cookie-hint--container {
		position: relative;
		padding: 20px 120px 20px 40px;
		text-align: left;
		-webkit-box-shadow: 0 0 10px 0 #666;
		box-shadow: 0 0 10px 0 #666;
	}
	#cookie-hint .cookie-hint--title {
		margin: 0 0 10px;
		padding: 0;
		color: #333;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 24px;
		font-style: normal;
		font-weight: 700;
		line-height: 1.2;
		text-transform: none;
		letter-spacing: initial;
	}
	#cookie-hint p {
		margin: 0 0 16px;
		padding: 0;
		font-size: 16px;
		line-height: 1.5;
	}
	#cookie-hint p:last-of-type {
		margin: 0;
	}
	#cookie-hint a {
		color: #1874cd;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		background: none;
		text-decoration: none;
		outline: 0;
	}
	#cookie-hint a:hover,
	#cookie-hint a:focus {
		color: #000;
	}
	#cookie-hint #cookie-hint--accept {
		display: block;
		position: absolute;
		right: 40px;
		bottom: 20px;
		width: 60px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		color: #fff;
		background: #1874cd;
		border-radius: 4px;
	}
	#cookie-hint #cookie-hint--accept:hover,
	#cookie-hint #cookie-hint--accept:focus {
		background-color: #1c86ee;
	}
}

@media screen and (max-width: 800px) {
	#cookie-hint,
	#cookie-hint a {
		font-size: 14px;
	}
	#cookie-hint p {
		margin: 0 0 14px;
	}
	#cookie-hint .cookie-hint--title {
		font-size: 20px;
	}
}

@media screen and (max-width: 640px) {
	#cookie-hint .cookie-hint--container {
		padding: 10px 10px 60px;
	}
	#cookie-hint #cookie-hint--accept {
		right: 10px;
		bottom: 10px;
	}
}
