.offcustom {position: fixed !important;} /* Bottone sandwich fixed. */
article {padding-bottom:50px;}
.story, .story p {font-size: 16px;}
.story .h2story {width: 80px;display:inline-block;text-align:right;margin-right:10px;}
.story h2 {font-size:1.2em;display: inline;}
.tags span {margin:8px;}
.story a.label {font-size: 85%; padding: .5em; background-color: #ead5ff; color: #444;}
.story a.label:hover,
.story a.label:focus {background-color: #9B59B6;color: #fff;}
.story{
	background: #ffffff;
	margin-bottom: 500px;
	width:100%;width: calc(100vw + 1px);
}
.story .item-image{
max-width: 100%;max-width: 100vw;
margin-bottom: 40px; 
text-align: center;
}
.story .item-image img{
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}
.story .page-header{
	border-bottom: none;
}
.tags::before {content: "Competenze coinvolte: ";margin-right: 5px;}
.story .contenuti {margin-top: 0px;}
section {margin: 25px 0;}
.story .imgfolio {width: 100%;}

.didascalia {
	margin: 20px;
	background: #ead5ff;
	padding: 6px;
	font-size: .9em;
	text-align: center;
}

/** LIGHTBOX MARKUP **/
.lightbox {
	/** Default lightbox to hidden */
	display: none;

	/** Position and style */
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
}

.lightbox img {
	/** Pad the lightbox image */
	max-width: 90%;
	max-height: 90%;
	margin-top: 1.5%;
}

.lightbox:target {
	/** Remove default browser outline */
	outline: none;

	/** Unhide lightbox **/
	display: block;
}

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

/* MEDIA QUERY: PORTRAIT Smartphone e piccoli tablet */
@media screen and (max-width: 639px) {
	.story {margin-bottom: 0;}
	.story .item-image img{	height: 350px;}
}
/* MEDIA QUERY: LANDSCAPE Smartphone e piccoli tablet */
@media screen and (max-height: 590px) {
}
/* MEDIA QUERY: Tablet e piccoli monitor */
@media screen and (min-width: 640px) and (min-height: 591px) {
	
}

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

}