.offcustom {position: fixed !important;} /* Bottone sandwich fixed. */
hr {margin:0;border: 3px solid #000;}
h5 {font-size: 1.2em;}
div#fixed {
  position: fixed;
  z-index: 1000;
  background: #ffffff;
  background: rgba(255,255,255,0.8);
  padding: 10px 20px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
#fixed p {font-size: 1.1em;}
#branding {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  display: inline-block;
  position: absolute;
 }
	.brandingmenu {font-size: 1.3em; margin-top: 25px;}
	.brandingmenu a {color: #000000; }
	.brandingmenu span {margin: 0 10px; }

.descrizione {display: none;}

.wrapfolio,
div#wrap,
div#wrap div {
  height: 100%;height: 100vh;
  width: 100%;width: 100vw;
  margin: 0;
}
.post {
  background-color: #001426;
  position: relative;
  overflow: hidden;
}

.flotto.is-absolute {
  position: absolute;
}
.flotto img {
  display: block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /* fix per un bug di Firefox - immagine renderizzata male*/
  background-color: rgba(255, 255, 255, 0.01);
}
.flotto img:not(:first-child) {
  position: absolute;
  top: 0;
  left: 0;
}

 .apri {
  text-decoration: none;
  letter-spacing: .005em;
  background: #ffffff;
  font-size: 1.2em;
  border: solid 3px;
  padding: .5em;
  display: block;
  width: 40%;
  margin: auto;
  text-align: center;
  font-family: "Kollektif-Bold", Verdana, Geneva, "DejaVu Sans", sans-serif;
}
 .apri:hover {
  color: #ffffff;border-color: #ffffff;
  transition: all 0.2s ease-in;
  text-decoration: none;
}
/* BOTTONI APRI */
.tawny {color: #D35411;border-color: #D35411;} .tawny:hover {background: #D35411;}
.torchred {color: #A00202;border-color: #A00202;} .torchred:hover {background: #A00202;}
.midnightexpress {color: #21263A;border-color: #21263A;} .midnightexpress:hover {background: #21263A;}
.seebung  {color: #BE841F;border-color: #BE841F;} .seebung:hover {background: #BE841F;}
/* FINE BOTTONI APRI */

.story .item-title{
margin-top:230px;
}
.story .title-image{
margin-top:-200px;
}

/* 	########		MEDIA QUERIES		########   */

/* MEDIA QUERY: PORTRAIT Smartphone e piccoli tablet */
@media screen and (max-width: 639px) {
	#fixed {
		height: 50%;height: 50vh;
		width: 94%;width: 94vw;
	}
	#fixed h2 {font-size: 26px;}
	#fixed p {font-size: 15px;line-height: 18px;}
	.divfolio {width: 100%; padding: 0;}
	.divfolio.fright {display:none;}
	
	.post {
		height: 100%;
		height: 100vh;
	}
	.flotto {transform: translateX(-95%);}
	.flotto img, .flotto img:not(:first-child) {
		height: 100%;
		height: 100vh;
		max-width:none;
		bottom: 0;
	}

	#branding {height: 30px; margin: 0 20px 14px;}
	#branding h3 {display: none;}
	#branding img {height: 30px;}
	.brandingmenu {display:none;}
}
/* MEDIA QUERY: LANDSCAPE Smartphone e piccoli tablet */
@media screen and (max-height: 590px) and (min-width: 640px) {
	#fixed {
		height: 50%;height: 50vh;
		width: 60%;width: 60vw;
	}
	.divfolio {width: 100%; padding: 0;}
	.divfolio.fleft p {display:none;}
	.divfolio.fright {display:none;}
	.flotto img {width: 100%;}
	#branding {height: 30px; padding: 0 20px 14px;}
	#branding h3 {font-size: 1.4em; margin: 10px 20px 10px;}
	#branding img {height: 30px;}
	.brandingmenu {margin-top: 10px;}
}
/* MEDIA QUERY: Tablet e piccoli monitor */
@media screen and (min-width: 640px) and (min-height: 591px) {
	#fixed {
		height: 50%;height: 50vh;
		width: 60%;width: 60vw;
	}
	.divfolio {width: 45%; padding: 10px;}
	#branding {height: 70px;  padding: 10px 25px;}
	#branding h3 {font-size: 2em; margin: 20px 20px 10px;}
	#branding img {height: 50px;}
	.active {
	  -webkit-perspective: 4000px;
	  perspective: 4000px;
	}
	.flotto {
	  position: relative;
	  top: 0;
	  left: 0;
	  -webkit-transform-style: preserve-3d;transform-style: preserve-3d;
	  -webkit-transform: translateZ(0);-ms-transform: translateZ(0);transform: translateZ(0);
	}
	.flotto img {width: 100%}
	.flotto img:first-child {-webkit-transform: translateZ(50px);-ms-transform: translateZ(50px);transform: translateZ(50px);}
	.flotto img:nth-child(2) {-webkit-transform: translateZ(290px);-ms-transform: translateZ(290px);transform: translateZ(290px);}
	.flotto img:nth-child(3) {-webkit-transform: translateZ(400px);-ms-transform: translateZ(400px);transform: translateZ(400px);}
	.no-preserve-3d .flotto {position: relative;} /* fallback: identifica i browser che non supportano preserve-3d e mostra l'immagine senza effetti */
}

/* MEDIA QUERY: Desktop e laptop */
@media screen and (min-width: 768px) {

}