#grayout {
		position: fixed;
		left: 0px;
		top: 0px;
		height: 100%;
		width: 100%;
		background-color: black;
		opacity: 0.75;
		z-index: 9998;
	 }

	#grayout.hidden {
		display: none;
	  }
	   
	#cookie-popup.hidden {
		display: none;
	}

	#cookie-popup { 
		text-align: center; 
		background: #ffffff;
		color: #303030;
		position: fixed;
		top: 30%; 
		left: 50%;
		transform: translate(-50%, -30%);
		margin: auto;
		z-index: 9999;
		font-size:14px; 
		line-height:20px;
		padding: 3em;
	}

	/* < lg */
	@media only screen and (max-width: 991px)
	{
		#cookie-popup { 
			width:90%;
			padding: 2em;
		}
	}

	/* lg */
	@media only screen and (min-width: 992px)
	{
		#cookie-popup { 
			width:40rem;
			padding: 3em;
		}
	}