@charset "UTF-8";
/* CSS Document for PARALLAX */
/* Aggiornamenti - 08/03/2017 */
/* ===== Basic styles - Mobile first ===== */

/* Common Parralax --- --- */
.parallax-window { 	
	background: transparent;
	z-index:-10;
	position:relative;
	float:left;
	width:100%;
	padding:50px 0; }
	
.parallax-window .opacity {
	background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%; }

.parallax-window .container {
	margin: 0 auto;
	width: calc(100% - 20px);
	text-align: center;
	position: relative;
	padding: 0 10px; }
	
.parallax-window .container .txt1 {
	font-size: 22px;
    font-weight: bold;
    text-transform: none;
	color: #fff;
	text-align: center;
	float: left;
	width:100%;
	margin:10px 0;
	transition:all ease .3s; }
	
.parallax-window .container .txt1 span.orange {
	color:#F75D4B; }
	
.parallax-window .container .txt2 {
	font-size: 20px;
    font-weight: 200;
	color: #fff;
	float: left;
	width:100%;
	text-align: center;
	margin:10px 0;
	transition:all ease .3s; }
	

/* == Media queries (breakpoint) == */
/* -----------------------------------
IPHONE PORTRAIT
----------------------------------- */
@media only screen and (min-width: 600px){

}


/* == Media queries (breakpoint) == */
/* -----------------------------------
IPAD LANDSCAPE + NETBOOK
----------------------------------- */
@media only screen and (min-width: 820px){
	
/* Parallax --- --- */
.parallax-window {
	padding: 100px 0; }

.parallax-window .container {
	max-width: 1280px; }
	
}

/* == Media queries (breakpoint) == */
/* -----------------------------------
IPAD LANDSCAPE + NETBOOK
----------------------------------- */
@media only screen and (min-width: 1008px){

}


/* == Media queries (breakpoint) == */
/* -----------------------------------
IPAD LANDSCAPE + NETBOOK
----------------------------------- */
@media only screen and (min-width: 1150px){

}


/* == Media queries (breakpoint) == */
/* -----------------------------------
DESKTOP
----------------------------------- */
@media only screen and (min-width: 1280px){
	
.parallax-window .container .txt1 {
	font-size: 35px; }
	
.parallax-window .container .txt2 {
	font-size: 20px; }

}

/* == Media queries (breakpoint) == */
/* -----------------------------------
DESKTOP
----------------------------------- */
@media only screen and (min-width: 1520px){
	
.parallax-window .container .txt1 {
	font-size: 40px; }
	
.parallax-window .container .txt2 {
	font-size: 25px; }

}


/* == Media queries (breakpoint) == */
/* -----------------------------------
DESKTOP
----------------------------------- */
@media only screen and (min-width: 1920px){
	
/* Parallax --- --- */
.parallax-window {
	padding:100px 0; }
	
.parallax-window .container {
	max-width:1520px; }
	
}