/*##################################################*/
/*# STILI MULTISCHERMO #############################*/
/*##################################################*/

.banner { position: relative; width: 100%; margin: 0 auto; overflow: hidden; }
	.banner .image { width: 100%; overflow: hidden; display: flex; align-content: center; justify-content: center; align-items: center; position: relative; }
		.banner .image img { width: 100%; }
	.banner .caption { position: absolute; width: 100%; max-width: 1600px; left: 50%; transform: translate(-50%, -50% ); top: 50%; z-index: 8; padding: 15px 20px; border-left: solid 1px; box-sizing: border-box; margin: 20px;}
	.banner .gradient { background: -moz-linear-gradient(left, rgba(0,0,0,0.73) 0%, rgba(135,135,135,0) 53%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(left, rgba(0,0,0,0.73) 0%,rgba(135,135,135,0) 53%,rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(0,0,0,0.73) 0%,rgba(135,135,135,0) 53%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba000000', endColorstr='#00ffffff',GradientType=1 ); position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 1; }

/*##################################################*/
/*- STILI ESCLUSIVI GRANDI SCHERMI -----------------*/
@media (min-width: 1281px) { /*##############################################*/
}
/*##################################################*/
/*- STILI SCHERMI MEDI --------------------------*/
@media (min-width: 1025px) and (max-width: 1280px) {
	/*##################################################*/
}
/*##################################################*/
/*- STILI PICCOLI SCHERMI --------------------------*/
@media (min-width: 769px) and (max-width: 1024px) {
	/*##############################################*/
}
/*##################################################*/
/*- STILI TABLET -----------------------------------*/
@media (min-width: 481px) and (max-width: 768px) {
	/*##############################################*/
}
/*##################################################*/
/*- STILI MOBILE -----------------------------------*/
@media (max-width: 480px) {
	/*##############################################*/
		.banner .image img { width: auto; }
	.banner .caption { margin: 0; }
}