@media only screen and ( max-width: 767px ) {

html{
	font-size:12px;
}

body{
	
	font-size:1em;
	
	
}


.boxed-container{
	width:92%;
	margin:0 auto;
	
	
}

header{
	
	height:50%;
	min-height:420px;
	padding-bottom:40px;
	text-align:center;
}


header .title{
	
	padding-top:40px;
	
}

header .title h1{
	font-size:28px;
	margin-bottom:.4em;
	text-shadow:2px 2px 4px rgba(0,0,0,.5);
	
}

header .title h2{
	padding-left:.25em;
	font-size:12px;
	margin-bottom:3em;
	text-shadow:2px 2px 4px rgba(0,0,0,.5);
}


header.logged{
	border-bottom:solid 5px #636567;
}

header nav{
	display:none;
}


header.logged nav{
	display:none;
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:1000;
}

header.logged nav ul.main-menu li{
	display:block;
	padding:0 1.25em;
	font-size:1.25em;
	margin:2em 0;
}

header.logged nav ul.main-menu a{
	padding-bottom:.5em;
	border-bottom:0;
}

header.logged nav ul.main-menu a.selected{
	border-bottom:solid .1em #eee;
}

header.logged nav ul.main-menu a:hover{
	border-bottom:solid .1em #eee; 
}

header.logged .logout{
	position:static;
	
	color:#fff;
	font-size:1.25em;
}

header.logged .logout span::after{
	content:' LOGOUT'
}

header.logged .logo{
	text-align:left;
	padding:1.5em 0 2em 4%;
}

header.logged .logo h1{
	font-size:25px;
}

header.logged .logo h2{
	font-size:11px;
}




header .buttons a{
	margin:0 10px;
	padding:12px 28px;
	font-size:14px;
	border-radius:18px;
	border:solid 2px #fff;
}

header .cover{
	text-align:center;
	bottom:-100px;
}

header .cover img{
	width:260px;
	max-width:260px;
	height:auto;
}

.main-content:not(.logged){
	padding-top:100px;
}

footer{
	padding:3em 0;
	line-height:1.3em;
	border-bottom:solid 10px #666;
}

footer .content{
	width:100%;
	float:none;
}

footer .content h2{
	
}

footer .logo{
	width:100%;
	float:none;
	padding-top:3em;
	text-align:center;
}

footer .logo img{
	width:160px;
}

footer h2{
	font-size:1.75em;
	padding-bottom:1em;
}

footer ul{
	padding-top:2em;
}

footer ul li{
	margin-right:1.5em;
}


footer .column{
	font-size:.85em;
}

.landing-info{
	padding:5em 0;
}



.landing-info h2{
	font-weight:700;
	font-size:1.5em;
}

.landing-info .text{
	font-size:1.2em;
	line-height:1.4em;
}

.landing-info hr {
	height: 1px;
	width: 8%;
	margin: 1.5em auto 2.5em auto;
}





.flipbook{
	
	width:100%;
	padding-bottom:30px;
}

.search{
	padding:20px 0;
}



.search .form .x1{
	display:inline-block;
	width:100%;
}

.search .form .x2{
	display:inline-block;
	width:100%;
	margin-right:0%;
}

.search .form .x3{
	display:inline-block;
	width:31.33%;
	margin-right:2%;
}

.search .form .x4{
	display:inline-block;
	width:100%;
	margin-right:0%;
}

.search .form .to-hide{
	
}

.search .form .hidden{
	display:none;
}

.form .to-hide{
	
}

.form .hidden{
	display:none;
}

.checkbox-container{
	padding:1em 0 2em 0;
}

.checkbox-container input{
	display:block;
	float:left;
	margin-right:1em;
	
}

.checkbox-container label{
	font-size:1em !important;
}

.search ul.results{
	width:100%;
	padding:2em 0;
}

.search .boxed-container{
	width:100%;
}

.search ul.results li{
	padding:4em 1em 2em 1em;
	margin-bottom:0em;
	border-radius:0px;
	font-size:1.2em;
}
.search ul.results li:first-child{
	padding:2em 1em 2em 1em;
}

.search ul.results li .no-results{
	font-weight:500;
	color:#c00;
}

.search ul.results li .intestazione{
	font-weight:400;
	margin-bottom:1em;
}

.search ul.results li .intestazione a{
	color:#000;
	text-decoration:none;
}

.search ul.results li .intestazione a:hover{
	text-decoration:underline;
}

.search ul.results li .iscriptio{
	font-weight:500;
	margin-bottom:1em;
}

.search ul.results li .massima{
	font-weight:400;
	line-height:1.25em;
	margin-bottom:2em;
}

.search ul.results li .published{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	background-color:#636363;
	padding:.5em 2em;
	font-size:.85em;
	color:#fff;
	font-weight:500;
	text-align:center;
}

.search ul.results li .published:hover{
	background-color:#444;
}

.search ul.pagination{
	list-style:none;
	padding:0em 4% 2em 4%;
}

.search ul.pagination li{
	display:inline-block;
	margin-right:1em;
	width:26px;
}

.search ul.pagination li a{
	display:inline-block;
	width:100%;
	padding:.5em 0;
	text-align:center;
	background-color:#eee;
	color:#000;
	text-decoration:none;
}

.search ul.pagination li.selected a{
	background-color:#666;
	color:#fff;
}




.flipbook-thumbs{
	padding:2em 0;
	text-align:center;
}

._df_thumb{
    width:140px !important;
    height:210px !important;
	margin: 25px 15px 15px !important;
    
}

._df_thumb ._df_book-title {
    opacity: 1 !important;
    bottom: 0 !important;
	font-size:12px !important;
}

.df-book-stage{
	padding: 40px 20px 50px !important;
}


.open-menu-mobile {
	display:block;
	position:absolute;
	top:1.5em;
	right:1em;
	cursor: pointer;
	z-index:1001;
}

.bar1, .bar2, .bar3 {
  width: 20px;
  height: 2px;
  background-color: #fff;
  margin: 4px 0;
  transition: 0.4s;
}

.close-menu-mobile .bar1 {
  -webkit-transform: rotate(-45deg) translate(-4px, 4px);
  transform: rotate(-45deg) translate(-4px, 4px);
}

.close-menu-mobile .bar2 {opacity: 0;}

.close-menu-mobile .bar3 {
  -webkit-transform: rotate(45deg) translate(-4px, -4px);
  transform: rotate(45deg) translate(-4px, -4px);
}

.left-column{
	
	width:100%;
	float:none;
	margin-right:0;
	margin-bottom:1.5em;
}

.right-column{
	width:100%;
	float:none;
	margin-left:0;
	
}

}

@media only screen and ( max-width: 399px ) {
	._df_thumb{
    width:190px !important;
    height:285px !important;
	margin: 25px 15px 15px !important;
    
	}
	
	._df_thumb ._df_book-title {
		font-size:13px;
	}
}