#responsive{
	display: block;
}

#pattern.left {
    left: calc(-50% + 0px);
    top: -99px;
    height: calc(100% + 100px);
}

#main.left {
    left: calc(50% - 176px + 0px);
}
#main.left #logo{
	top: calc(50% - 48px);
}
#main #logo .circle.on:hover{
	background-color: #fff;
}
#main #masthead{
	top: 15px;
}
#main #footer{
	bottom: 15px;
}

#page{
    display: block;
    width: 100%;
    top: 100%;
    background-color: #222;
    z-index: 100;
}
#page.on{
	top: 0;
	overflow-y: scroll;
}
#page .chiudi-page{
	display: block;
}
#page .text-zoom{
	width: 100%;
	z-index: 200;
	display: block;
}
#page #welcome .reference{
	display: none;
}
#page #welcome .content{
	padding-right: 0;
}
#page section .box{
	padding-bottom: 60px;
}
#page .content .pulsantiera{
	display: block;
	opacity: 0;
}
#page .content .pulsantiera.on{
	opacity: 1;
}

#menu{
	position: fixed;
    left: calc(50% - 71px);
    top: auto;
    bottom: 70px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    width: 142px;
    z-index: 90;
}
#menu .item .label{
	left: 20px;
}
#menu .item.on{
	margin: 10px 0;
}
#menu .item.on .label, #menu .item.on .circle {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
}