div.cookieContainer {
	position: fixed;
	height: 100vh;
	width: 100vw;
	top: 0;
	left: 0;
	background-color: rgba(150, 150, 150, 0.8);
	z-index: 100;
}

div.cookieContainer div.banner {
	position: absolute;
	width: 100%;
	min-height: 250px;
	height: auto;
	bottom: 0;
	left: 0;
	background-color: var(--grigio);
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 5%;
}

div.cookieContainer div.banner div.columnS {
	position: relative;
	min-height: 100%;
	height: auto;
	width: 22%;
	display: flex;
	justify-content: center;
	align-items: center;
}

div.cookieContainer div.banner div.columnS div.logoCookie {
	position: relative;
	width: 175px;
	height: 165px;
	background-image: url("../img/cookie.svg");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

div.cookieContainer div.banner div.columnS button {
	position: relative;
	width: 180px;
	height: 75px;
	background-color: var(--rosa);
	color: white;
	font-family: 'GBlack';
	font-size: 31px;
	line-height: 75px;
	text-align: center;
	border-radius: 20px;
	border: none;
	cursor: pointer;
	box-shadow: 0px 0px 15px 3px var(--grigio2);
}

div.cookieContainer div.banner div.columnS button:hover {
	background-color: var(--viola);
}

div.cookieContainer div.banner div.columnL {
	position: relative;
	min-height: 100%;
	height: auto;
	width: 56%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-left: 2%;
	padding-right: 2%;
}

div.cookieContainer div.banner div.columnL div.textContainer {
	position: relative;
	width: 100%;
}

div.cookieContainer div.banner div.columnL div.textContainer h2 {
	font-family: 'GBlack';
	font-size: 45px;
	line-height: 54px;
	color: var(--rosa);
}

div.cookieContainer div.banner div.columnL div.textContainer p {
	font-family: 'GMedium';
	font-size: 28px;
	line-height: 34px;
	color: var(--viola);
}

div.cookieContainer div.banner div.columnL div.textContainer p b {
	font-family: 'GBlack';
}

@media (max-width: 1000px) {
	div.cookieContainer div.banner {
		flex-direction: column;
	}

	div.cookieContainer div.banner div.columnS:nth-child(1) {
		display: none;
	}

	div.cookieContainer div.banner div.columnS,
	div.cookieContainer div.banner div.columnL {
		width: 100%;
	}

	div.cookieContainer div.banner div.columnL {
		padding-bottom: 5%;
		text-align: center;
	}

	div.cookieContainer div.banner div.columnL h2 {
		text-align: center;
		padding-bottom: 25px;
	}
}

/* Per iPhone portrait*/
@media only screen
    and (max-device-width: 980px)
    and (min-device-height:  480px)
    and (orientation:portrait) {
		div.cookieContainer div.banner div.columnS {
			padding-bottom: 100px;
		}
    }

/* Per iPhone landscape*/
@media screen
	and (max-height:  580px)
	and (orientation:landscape) {
		div.cookieContainer div.banner {
			flex-direction: row;
		}

		div.cookieContainer div.banner div.columnL {
			max-height: 90%;
		}
	}