body, html {
  height: 100%;
}

body {
	font-family: 'Cutive Mono', monospace;
	font-size: 20px;
	/*font-size: 1.3em;*/
}

a, a:visited {
	color: #000;
	outline: 0;
}

a:hover {
	text-decoration: none;
	color: #000;
}

.collapsing {
  -webkit-transition: height 0.01s;
  -moz-transition: height 0.01s;
  -ms-transition: height 0.01s;
  -o-transition: height 0.01s;
  transition: height 0.01s;
}

.testo {
	line-height: 1.4;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	
	nav, nav .navbar-brand, #main_cont p, #main_cont div {
		font-size: 1.3rem;
	}
}

@media(min-width:1400px){
	aside{
		max-width: 340px !important;
	}
}

@media(min-width:1600px){
	aside{
		max-width: 360px !important;
	}
}

/* 1366 x 768 */
@media (min-height: 768px) and (max-height: 768px) and (min-width: 1366px) and (max-width: 1366px) {
	
	img#idx_image {
		width: 75%!important;
	}
	
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
	img#idx_image {
		width: 80%!important;
	}
	
	#overlay > img {
		width: 100%!important;
	}

	nav, nav .navbar-brand, #main_cont p, #main_cont div {
		font-size: 1.25rem;
	}
}

/* 1024 x 600 */
@media (min-height: 600px) and (max-height: 600px) and (min-width: 1024px) and (max-width: 1024px) {
	
	#overlay > img {
		width: 95%!important;
	}
	
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
	img#idx_image {
		width: 90%!important;
	}
	
	#overlay > img {
		width: 95%!important;
	}

	aside {
		max-width: 100px;
	}

	nav, nav .navbar-brand, #main_cont p, #main_cont div {
		font-size: 1.1rem !important;
	}
}

@media (max-width: 767.98px) {
	img#idx_image {
		width: 85%!important;
	}
	
	#overlay > img {
		width: 78%!important;
	}

	nav, nav .navbar-brand, #main_cont p , #main_cont div {
		font-size: 0.8rem !important;
	}
	
}

/* lightgallery */
.lg, .lg-backdrop {
	background-color: #000;
}
.lg-toolbar {
	background-color: transparent;
}
.lg-toolbar .lg-icon:hover {
    /*color: #000;*/
}

/* notice */
#notice {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  text-align: center;
  z-index: 2000;
  padding-top: 150px;
}

#notice h1 {
  font-size: 18px;
}

#notice p {
  font-size: 15px;
  line-height: 20px;
}

@media only screen and (min-width: 480px) {

  #notice {
    display: none;
  }

}

/* gallery */
#prev, #next {
	position: absolute;
	top: 5%;
	width: 50%;
	height: 90%;
}

.touch #prev, .touch #next {
	visibility: hidden;
}

#prev {
	left: 0;
}

#next {
	right: 0;
}