@font-face {
    font-family: 'Halcyon-MediumItalic';
    src: url('../fonts/Halcyon-MediumItalic.eot');
    src: url('../fonts/Halcyon-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Halcyon-MediumItalic.woff2') format('woff2'),
        url('../fonts/Halcyon-MediumItalic.woff') format('woff'),
        url('../fonts/Halcyon-MediumItalic.ttf') format('truetype'),
        url('../fonts/Halcyon-MediumItalic.svg#Halcyon-MediumItalic') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Halcyon-Medium';
    src: url('../fonts/Halcyon-Medium.eot');
    src: url('../fonts/Halcyon-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Halcyon-Medium.woff2') format('woff2'),
        url('../fonts/Halcyon-Medium.woff') format('woff'),
        url('../fonts/Halcyon-Medium.ttf') format('truetype'),
        url('../fonts/Halcyon-Medium.svg#Halcyon-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Halcyon-Bold';
    src: url('../fonts/Halcyon-Bold.eot');
    src: url('../fonts/Halcyon-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Halcyon-Bold.woff2') format('woff2'),
        url('../fonts/Halcyon-Bold.woff') format('woff'),
        url('../fonts/Halcyon-Bold.ttf') format('truetype'),
        url('../fonts/Halcyon-Bold.svg#Halcyon-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Halcyon-Regular';
    src: url('../fonts/Halcyon-Regular.eot');
    src: url('../fonts/Halcyon-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Halcyon-Regular.woff2') format('woff2'),
        url('../fonts/Halcyon-Regular.woff') format('woff'),
        url('../fonts/Halcyon-Regular.ttf') format('truetype'),
        url('../fonts/Halcyon-Regular.svg#Halcyon-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Halcyon-BoldItalic';
    src: url('../fonts/Halcyon-BoldItalic.eot');
    src: url('../fonts/Halcyon-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Halcyon-BoldItalic.woff2') format('woff2'),
        url('../fonts/Halcyon-BoldItalic.woff') format('woff'),
        url('../fonts/Halcyon-BoldItalic.ttf') format('truetype'),
        url('../fonts/Halcyon-BoldItalic.svg#Halcyon-BoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Halcyon-Black';
    src: url('../fonts/Halcyon-Black.eot');
    src: url('../fonts/Halcyon-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Halcyon-Black.woff2') format('woff2'),
        url('../fonts/Halcyon-Black.woff') format('woff'),
        url('../fonts/Halcyon-Black.ttf') format('truetype'),
        url('../fonts/Halcyon-Black.svg#Halcyon-Black') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Halcyon-RegularItalic';
    src: url('../fonts/Halcyon-RegularItalic.eot');
    src: url('../fonts/Halcyon-RegularItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Halcyon-RegularItalic.woff2') format('woff2'),
        url('../fonts/Halcyon-RegularItalic.woff') format('woff'),
        url('../fonts/Halcyon-RegularItalic.ttf') format('truetype'),
        url('../fonts/Halcyon-RegularItalic.svg#Halcyon-RegularItalic') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Halcyon-SemiBold';
    src: url('../fonts/Halcyon-SemiBold.eot');
    src: url('../fonts/Halcyon-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Halcyon-SemiBold.woff2') format('woff2'),
        url('../fonts/Halcyon-SemiBold.woff') format('woff'),
        url('../fonts/Halcyon-SemiBold.ttf') format('truetype'),
        url('../fonts/Halcyon-SemiBold.svg#Halcyon-SemiBold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
	font-family: 'Halcyon-Regular';
	font-size: 16px;
	line-height: 1.25;
}

b { font-family: 'Halcyon-Bold'; }

img { max-width: 100%; }

#header {
	float: left;
	width: 100%;
}

.wrapper-header {
	float: left;
	width: 100%;
	background: rgb(135, 184, 232);
}

.container-header {
	max-width: 960px;
	margin: 25px auto;
}

.row-header {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	gap: 30px;
}

.logo {
	z-index: 203;
}

@media(max-width:1000px) {
	
	.container-header {
		margin: 25px auto;
	}
	
	.row-header {
		align-items: center;
		gap: 0;
		padding: 0 25px;
	}
	
	.logo img { max-width:180px; }
}

main { 
	float: left;
	width: 100%;
	min-height: calc(100vh - 365px);
}

.wrapper-sezione {
	float: left;
	width: 100%;
	display: flex;
	justify-content; center;
}

.wrapper-sezione.wrapper-sezione-intro {
	padding: 35px 0;
	/* background: linear-gradient( to bottom, white 0%, white 50%, #85B6E6 50%, #85B6E6 100% ); */
	background: linear-gradient( to bottom, white 0%, white 50%, #8dceeb 50%, #8dceeb 100% );
	text-align: center;
}

.wrapper-sezione.wrapper-sezione-scelte {
	margin-bottom: 50px;
	background: linear-gradient( to bottom, #C7D315 0%, #C7D315 calc(100% - 50px), white calc(100% - 50px), white 100% );
}

.container-sezione {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
}

@media(max-width:1000px) {
	.wrapper-sezione.wrapper-sezione-intro { padding:20px 15px; }
	.wrapper-sezione.wrapper-sezione-scelte { margin-bottom:0; }
}

.testo-sezione-scelte {
	padding: 30px 15px;
	font-family: 'Halcyon-Regular';
	color: #004A93;
	font-size: 20px;
	text-align: center;
}

.testo-sezione-scelte span {
	display: block;
	/* margin-bottom: 10px; */
	font-family: 'Halcyon-Bold';
	font-size: 26px;
	text-transform: uppercase;
}

.box-area-riservata {
	margin: 0 30px 30px;
	padding: 15px;
	color: #004A93;
	font-family: 'Halcyon-RegularItalic';
	text-align: center;
	border: 3px solid #3E80C2;
	border-radius: 16px;
	/* background: #85B6E6; */
	background: #8dceeb;
	font-size: 18px;
}

.titolo-sezione-scelte {
	padding: 0 15px;
	/* transform: translateY(50%); */
	text-align: center;
}

.titolo-sezione-scelte img { /* max-width:300px; */ max-height:80px; }

.container-sezione-scelte {
	margin-top: -46px;
	padding: 60px 15px 30px;
	background: #F4F6D0;
	border-radius: 16px;
	border: 5px solid #BED9EF;
}

.paragrafo-sezione-scelte {
	/* font-family: 'Halcyon-Medium';
	font-size: 18px; */
	font-family: 'Halcyon-Regular';
	font-size: 20px;
	color: #004A93;
	text-align: center;
}

.box-sezione-scelte {
	display: flex;
	gap: 30px;
	margin-top: 30px;
}

.box-sezione-scelte .scelta-singola {
	background: #DFE67A;
	border-radius: 16px;
	position: relative;
	flex: 1 1 calc(100% / 3);
	transition: background .3s;
	cursor: pointer;
}

.box-sezione-scelte .scelta-singola::before {
	content: '';
	display: block;
	padding-top: 100%;
}

.box-sezione-scelte .scelta-singola:hover {
	background: #C7D315;
}

.box-sezione-scelte .scelta-singola .testo-scelta-singola {
	position: absolute;
	top: 0;
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: center;
	height: 100%;
	padding: 15px;
	text-align: center;
	font-family: 'Halcyon-Bold';
	font-size: 20px;
	color: #004A93;
}

.box-sezione-scelte .scelta-singola::after {
	content: '';
	width: 100%;
	height: 100%;
	background: url('../img/option-artwork.png') no-repeat;
	z-index: 2;
	position: absolute;
	background-size: 100% 100%;
	left: -8px;
	top: 8px;
}

.box-risposte-scelta {
	margin: 30px 15px 0;
}

.box-risposte-scelta .risposta-singola {
	background: #3E81C3;
	border-radius: 16px;
	position: relative;
	margin-bottom: 30px;
}
.box-risposte-scelta .risposta-singola::before {
	content: '';
	display: block;
	padding-top: 200px;
}

.testo-risposta-singola {
	position: absolute;
	top: 0;
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: center;
	height: 100%;
	padding: 15px;
	text-align: center;
	/* font-size: 18px; */
	font-size: 22px;
	color: #fff;
	font-family: 'Halcyon-RegularItalic';
}

a.btn-risposta-singola {
	background: #4995D1;
	color: #ffffff;
	border-radius: 8px;
	padding: 8px 12px;
	/* height: 48px; */
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	margin: 0 15px;
	text-transform: uppercase;
	font-family: 'Halcyon-SemiBold';
	font-size: 22px;
}
a.btn-risposta-singola img {
	margin-left: 10px;
}

@media(max-width:1000px) {
	.container-sezione-scelte {
		border-left-width: 0;
		border-right-width: 0;
		border-radius: 0;
	}
	.box-sezione-scelte { flex-direction:column; margin:30px 15px 0; }
	.box-sezione-scelte .scelta-singola::before { padding-top:56.25% }
	
	.box-risposte-scelta .risposta-singola::before { padding-top:56.25%; }
	.box-risposte-scelta .risposta-singola::after {
		content: '';
		width: 100%;
		height: 100%;
		background: url('../img/option-response-artwork.png') no-repeat;
		background-size: auto;
		z-index: 2;
		position: absolute;
		background-size: 100% 100%;
		left: -8px;
		top: 8px;
	}
	
	a.btn-risposta-singola { height:80px; }
}

#footer {
	float: left;
	width: 100%;
}

.wrapper-footer {
	float: left;
	width: 100%;
	background: #004A93;
}
.container-footer {
	max-width: 960px;
	margin: 80px auto;
}
.row-footer {
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

.row-footer * { color:#ffffff; }

.copy-footer { text-align:center; }
.copy-footer a { font-family:'Halcyon-Medium'; }

.footer-menu { list-style-type:none; }
.footer-menu a { color:#ffffff; line-height:24px; transition:color .3s; }
.footer-menu a:hover { color:#89bae1; }

@media (max-width:800px) {
	.container-footer { margin:35px auto; }
	.row-footer { flex-direction:column; align-items:flex-start; padding:0 30px; }
	.col-footer:first-child { margin-bottom:30px; }
	.col-footer:last-child { margin-top:30px; }
}