@rosso:#a72f27;
@verde:#205434;
@bianco:#fff;
@grigio:#c9c9c9;
@nero:#1b1b1b;
@bianco_trasparente:#ffffff80;

.sections{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	border-top:1px solid @grigio;
	border-bottom:1px solid @grigio;
	margin-top:2em;
	margin-bottom:2em;
	.section{
		width:50%;
		height:50vw;
		&.s1{
			display:flex;
			flex-direction:column;
			justify-content:space-around
		}
		&.s2 .line:nth-child(2){display:flex}
		&.s3{
			display:flex;
			flex-direction:column;
			justify-content:space-around;
			.flex-row{flex-direction:row}
		}
		&.s4{
			display:flex;
			justify-content:flex-end;
			.shader{
				width:50%;
				display:flex;
				flex-direction:column;
				justify-content:space-around;
				background:@bianco_trasparente;
				.firma{
					img{
						margin:0 auto;
						width:50%
					}
					p{
						font-size:1.3em;
						margin-top:-3em
					}
				}
			}
		}
		.line{
			height:50%;
			div{
				height:100%;
				display:flex;
				flex-direction:column;
				justify-content:center;
				&:not(.full){width:50%}
			}
			.shader{background:@bianco_trasparente}
		}
		p.shadow,h2.shadow{
			text-shadow:0 0 4px @nero;
			&.r{
				text-shadow:0 0 4px @bianco;
				font-weight:bold
			}
		}
	}
}
.slider.storia{
	border-top:1px solid @grigio;
	padding-top:2em;
	.data{font-size:2em}
}
@media(max-width:1600px){
	.sections .section.s4 .shader .firma{
		img{width:85%}
		p{margin-top:-3em}
	}
}
@media(max-width:900px){
	.sections .section{
		width:100%;
		height:100vw;
		&.s4 .shader .firma p{margin-top:-5em}
	}
}
@media(max-width:600px){
	.sections .section.s4 .shader .firma p{margin-top:0}
}
@media(max-width:430px){
	.sections .section{height:150vw}
}