.first-block{padding-top: 202px; padding-bottom: 63px; background-color: var(--beige);}
.first-block-title{padding-left: var(--pxl);}
.first-block-text{padding-right: var(--pxl);}
.studio{margin-top: 18px; font-size: 1.3em}

.first-block2{display: flex; padding-right: var(--pxl);}
.logo-studio{padding-right:69px}
.logo-studio img {width: 80px; height: 80px}

.second-block{margin-top: 40px; margin-bottom: 80px}

.row-foto{margin-top: 24px}
.giorgio{display:flex; justify-content: flex-end; padding-right: 8px}
.matteo{padding-left: 8px}

.foto-container{display: inline-block; position: relative}
.foto-container img {max-width: 440px}
.designer-name{position: absolute; bottom:10px; left: 10px; font-family: MaziusDisplay; font-size: 1.3em; letter-spacing: 1px; color: #fff; }

.foto-container:hover img{opacity: 0.70}

#blocco2{margin-top: 200px}


@media (max-width: 991px) {
	.giorgio img, .matteo img {max-width: 300px}
	.first-block{padding-top: 136px; padding-bottom: 50px;}
	.first-block-title{padding-left: 69px;}
	.maz-tit-big{font-size: 2.1em; padding-bottom: 20px}
	.studio{padding-left: 69px; margin-top: 12px; font-size: 1.1em}

	.first-block2{display: block; padding-right:0;}
	.logo-studio{padding-left:69px; margin-top: 60px}
	.logo-studio img {width: 64px; height:64px; margin-bottom: 20px}
	.maz-tx-big{font-size: 1.4em; line-height: 1.3em; letter-spacing: 1px;}

	#blocco2{margin-top: 40px}
	.second-block{margin-top: 70px; margin-bottom: 80px}
}

@media (max-width: 767px) 
{
	.giorgio {margin-bottom: 10px}
	.giorgio img, .matteo img {max-width: 230px}
}

@media (max-width: 576px) 
{
	#cover{min-height:1180px;}
}