.accept-span{
				background-color: #A7192F; 
			}
			
			.close-span{
				width:12px;
				height:12px; 
			}
		    .svg-close:hover {
				fill: black;
				cursor: pointer; 
        	}

			.cookiesBar {
				display: flex;
				flex-direction: row;
				position: fixed;
				bottom: 0;
				width: 100%;
				padding: 10px 0px 10px 0px;
				z-index: 998;
				background-color: #E9E9E9 ;
				 align-items: center;
			}
			
			.cookiesMessage {
				font-size: 12px;
				color: Black;
				letter-spacing: .15px;
				line-height: 12px;
				transition: color .4s ease-in-out;
				text-align: justify;
				margin-right: 30px;
				margin-left: 30px;
				flex-grow: 1;
				flex-shrink: 1;
				flex-basis: auto;
			}

			/* Smartphones (portrait and landscape) ----------- */

			@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
				/* Styles */
				.cookiesMessage {
					font-size: 30px;
					line-height: 35px;
				}
				.close-span{
					width:30px;
					height:30px; 
				}
			}

			/* Smartphones (landscape) ----------- */

			@media only screen and (max-width: 321px) {
				/* Styles */
				.accept-span , .info-span {
					margin-right: 30px;
					margin-left: 30px;
				}
				.cookiesBar {
					display: block;
				}
			}

			/* Smartphones (portrait) ----------- */

			@media only screen and (max-width: 490px) {
				/* Styles */
				.accept-span , .info-span {
					margin-right: 30px;
					margin-left: 30px;
				}
				.cookiesBar {
					display: block;
				}
			}
			@media only screen and (min-width: 321px) and (max-device-width: 767px){
				/* Styles */
				.cookiesMessage {
					font-size: 25px;
					line-height: 30px;
				}
				.close-span{
					width:25px;
					height:25px; 
				}
			}
			/* iPads (portrait and landscape) ----------- */

			@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
				/* Styles */
				.cookiesMessage {
					font-size: 20px;
					line-height: 25px;
				}
				.close-span{
					width:20px;
					height:20px; 
				}
			}

			/* iPads (landscape) ----------- */

			@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
				/* Styles */
				.cookiesMessage {
					font-size: 20px;
					line-height: 25px;
				}
				.close-span{
					width:20px;
					height:20px; 
				}
			}

			/* iPads (portrait) ----------- */

			@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
				/* Styles */
				.cookiesMessage {
					font-size: 20px;
					line-height: 25px;
				}
				.close-span{
					width:20px;
					height:20px; 
				}
			}

			/* Desktops and laptops ----------- */

			@media only screen and (min-width: 1224px) {
				/* Styles */
				.cookiesMessage {
					font-size: 12px;
					line-height: 12px;
				}
			}

			/* Large screens ----------- */

			@media only screen and (min-width: 1824px) {
				/* Styles */
				.cookiesMessage {
					font-size: 12px;
					line-height: 12px;
				}
			}