@charset "utf-8";
/* CSS Document */

/*.parallax, body, html {
  height: 90%;
}*/

/*.parallax {*/
  /* The image used */
 /* background-image:url('../images/copertina_1366.jpg');*/

  /* Full height */
 /* height: 90%; 

  /* Create the parallax scrolling effect */
 /* background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}*/

/* Turn off parallax scrolling for tablets and phones. Increase the pixels if needed */
@media only screen and (max-device-width: 1366px) {
  .parallax {
    background-attachment: scroll;
  }
}


@media only screen and (min-width: 1280px) and (max-width: 1365px) {
  .parallax {
    background-attachment: scroll;
	background-image:url(../images/copertina_1280.jpg);
	/* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  	}
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
  .parallax {
    background-attachment: scroll;
	background-image:url(../images/copertina_960.jpg);
	/* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  	}
}


@media only screen and (min-width: 768px) and (max-width: 959px) {
  .parallax {
	background-image:url(../images/copertina_768.jpg);
	
	/* Full height */
  height: 60%; 
	
	/* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  	}
}

@media only screen and (min-width: 620px) and (max-width: 767px) {
  .parallax {
	background-image:url(../images/copertina_620.jpg);
	
	/* Full height */
  height: 55%; 
	
	/* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  	}
}

@media only screen and (min-width: 480px) and (max-width: 619px) {
  .parallax {
	background-image:url(../images/copertina_620.jpg);
	
	/* Full height */
  height: 55%; 
	
	/* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  	}
}

@media only screen and (min-width: 380px) and (max-width: 479px) {
  .parallax {
	background-image:url(../images/copertina_620.jpg);
	
	/* Full height */
  height: 45%; 
	
	/* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  	}
}

@media only screen and (max-device-width: 379px) {
  .parallax {
    background-attachment: scroll;
  	}
  
  .parallax, body, html {
     height: 0%;
	}
}