/**
   STAFF
========================================================================================== 
**/


/* Primo banner
------------------------------------------------------------------------------------------ */
.pc_first_banner{
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}
	.pc_first_banner .background, .pc_first_banner > div.layer_banner{
		min-width: 100%;
		min-height: 100%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 0;
	}
		.pc_first_banner > div.layer_banner{ z-index: 1; background: #000 no-repeat center center; } /* Layer tra l'immagine e testo all'interno del banner */

	.pc_first_banner h1{
		max-width: 750px;
		margin: 0 auto;
		line-height: 57px;
		font-size: 53px;
		text-transform: uppercase;
		z-index: 2;
	}
	.pc_first_banner .text{ width: 650px; height: auto; margin: 25px auto; z-index: 2; }
	.pc_first_banner .text p{ margin: 0; }

/* Elenco box
------------------------------------------------------------------------------------------ */
.list_box{
	height: auto;
	overflow: hidden;
	padding: 60px 0;
	box-sizing: border-box;
}
	article.list_box:nth-of-type(1){ padding-top: 100px; }
	.list_box figure{
		width: 50%;
		max-width: 640px;
		height: auto;
		max-height: 480px;
		margin: 0;
		overflow: hidden;
		float: left;
	}
		.list_box figure img{ width: 100%; }
	.list_box .text{
		width: 50%;
		max-width: 530px;
		height: auto;
		float: right;
		margin-top: 60px;
	}
		.list_box .text h3{ margin: 0 0 15px 0; font-size: 45px; line-height: 42px; }
		.list_box .text p:nth-of-type(1){ margin-top: 0; }

	article.list_box:nth-of-type(2n+2){ background: rgba(191, 202, 200, 0.5); }
	article.list_box:nth-of-type(2n+2) figure{ float: right; }
	article.list_box:nth-of-type(2n+2) .text{ max-width: 420px; margin-right: 100px; float: right; }




/* Schermi Tablet
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
@media (max-width: 1024px){

	.list_box .text{ width: 45%; margin-top: 0; }
	article.list_box:nth-of-type(2n+2) .text{ margin-right: 0; float: left; }

/* ----------------- */
}
/* Fine schermi Tablet */



/* Schermi piccoli
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
@media (max-width: 767px){

.pc_first_banner{ height: 140vw; padding-top: 0; }
	.pc_first_banner h1{ width: 90%; font-size: 40px; line-height: 42px;  }
	.pc_first_banner .text{ width: 90%; }

	article.list_box:nth-of-type(1){ padding-top: 50px; }
	.list_box figure{ width: 100%; margin-bottom: 30px; }
	.list_box .text{ width: 100%; }
	.list_box .text h3{ font-size: 11vw; }



/* ----------------- */
}
/* Fine schermi piccoli */