@media only screen and (max-width: 1024px)
{
.forPc, #istituzionaleMenu, #bifernoMenu, #trignoMenu { display:none;}
.forMob, #hamb, #mobileMenu { display:block; }
.aJustify{text-align:left;}

h1
{
	font-size:9.1vw;
	margin:0;
	padding:0;
	line-height:0;
}

h2
{
	font-size:34px;
	margin:0 0 2vh 0;
	line-height:130%;
}

h3
{
	font-size:28px;
	margin:0 0 1vh 0;
	line-height:130%;
}

#mainTitle
{
	top:4.8vh;
	left:12.5vw;
	text-align:left;
	animation-delay: 1s;
}

#musicPlay, #musicPlayOn
{
	top:2vh;
	right:2vw;
	width:6vw;
	border: 1px solid #ccc;
}

#homeIcon
{
	top:2vh;
	left:auto;
	right:14vw;
	width:6vw;
	border: 1px solid #ccc;	
}

#hamb, #hambClose
{
	z-index:100000;
	text-shadow: 3px 3px 5px #333;
	line-height:0;
	position: fixed;
    left: 0;
    top: 3.5vh;
	padding:1.1vh 3.5vw 0 1.5vw;
    font-size: 15vw;
    text-decoration: none;
	color:#fff;
	/*font-family: "Times New Roman", Times, serif;*/
	font-family: 'Playfair Display', serif;
	-webkit-animation: 0.3s slidefromhidden ease-in-out;
	animation: 0.3s slidefromhidden ease-in-out;		
	animation-fill-mode: forwards;
	opacity:0;
	font-weight: normal;
}

#mobileMenu
{
	position:fixed;
	top:11vh;
	left:2vw;
	display:none;
	z-index:100000;
	height:100vh;
	max-height:90vh;
	overflow:auto;
}

#mobileMenu a
{
	display:block;
	text-decoration: none;
    font-size: 5.2vw;
    font-size: min(5.2vw,22px);
    padding: 0.4vh 0;
    margin: 0.8vh 0;
	text-shadow: 3px 3px 5px #333;
	width:100vw;
	box-sizing: border-box;
	font-weight:bold;
}

#mobileMenu .separatoreMobile
{
	display:block;
	height:2vh;
}

.logoIstit
{
	position:fixed;
	width:11vw;
	bottom:2.5vh;
	-webkit-animation: 1s slidefromdown ease-in-out;
	animation: 1s slidefromdown ease-in-out;		
	animation-fill-mode: forwards;
	z-index:1000;
}

#europea { left:11vw; animation-delay: 0s; }
#repubblica { left:33vw; animation-delay: 0.15s;}
#regione { right:33vw; animation-delay: 0.3s;}
#arsarp { right:11vw; animation-delay: 0.45s;}

#content {
    position: fixed;
    top: 12vh;
    left: 2vw;
    width: 96vw;
	height: 100vh;
    overflow: auto;
    max-height: 85vh;
    box-sizing: border-box;
}

.genericInfo
{
	margin:0;
	border:none;
}

.genericInfo:after
{
	height:5vh;
}

.genericInfoText, .genericInfoSmall, .galleryPhoto, b.moreLine
{
    font-size: 18px;
	line-height:140%;
	margin:0;
	border-radius: unset;
	min-height: 100%;
    box-sizing: border-box;	
}

/*.closeGenericInfo, .approfondisci
{
	padding:1vh 2vw;
	margin: 2vh 1vw 2vh 0;
	text-align:left;
	float:left;
}*/

#videoprogetto
{
	margin:0 0 2vh 0;
}

.imgInText
{
	padding:0 0 0.5vh 0;
	font-size:14px;
}

.imgFull, .imgHalfUno, .imgHalfDue, .imgTerzoUno, .imgTerzoDue, .imgTerzoTre, .imgInText
{
	padding:0 0 2vh 0;
	width:100%;
	float:none;
}

}