#cookie-law-container{
			display: block;
			
			/* position: absolute; */ 
			top: 0; 
			right: 0; 
			bottom: 0; 
			left: 0;
		}

		#cookie-law {
			display: block;	

			/* customizable */
			background-color:#e9423a;
			font-family: sans-serif;
			vertical-align: middle;
			/* padding-left: 15px; */
			padding-right: 30px;
			}
		
		
		.title-cookie-banner {
			margin: 0;
			padding: 10px 9px 8px 10px;
			
			display: block;			

			width: 20%;
			float:left;

			/* customizable */
			color: white;
			font-size: 87.5%;
			font-weight: bold;
			text-align: right;
			line-height: 36px;
			}
		
		.text-cookie-banner {
			width: 56%;					
			float:left;

			/* customizable */
			color: #ffffff;	
			padding-left: 15px;
			padding-right: 15px;
			font-size: 87.5%;
			text-align: left;		
			}

		.button-cookie-banner {
			padding-top: 20px;
			width: 20%;
			float:left;
			}
		
		
		.close-cookie-banner {
			display: inline-block;

			margin-left: 16px;
			padding: 8px 16px;
			white-space: nowrap;
			border-radius: 10px;
			text-decoration: none;

			/* customizable */
			font-size: 87.5%;
			/* font-weight: bold; */
			color: #ffffff; 
			background-color: rgb(48, 48, 48);

			}

		.close-cookie-banner:hover {
			/* customizable */
			color: rgb(217,217,217);
			background-color: rgb(48, 48, 48);
			}
				
				
		.link-cookie-banner {	
		
			/* customizable */
			color: lightgray;
			}

		.link-cookie-banner:hover {	
			/* customizable */
			color: #ffffff;	
			}

  	/* class style added to body tag when banner is on	*/
  	.cookiebanner {	}

		/* making banner responsive */
		@media only screen and (max-width: 862px) {
			.title-cookie-banner {	
				width: 100%;
			 	text-align: left;
			 	}
					
			.text-cookie-banner {
				width: 100%;
				}
					
			.button-cookie-banner {
				width: 100%;
				}
			}