.sb-slidebar {
	box-shadow:0 1px 10px rgba(0,0,0,0.5);
	background:#fff;
	text-align:center;
	padding:30px 0 0 10px;
}
img.closemenu {
	position:absolute;
	top:5px;
	left:245px;
	cursor:pointer;
}

.sb-toggle-left{position:fixed;top:23px;left:-100px;transition:left ease .5s;cursor:pointer;}
.sb-toggle-left img{vertical-align:middle;margin-right:5px;}
.logo{height:30px;width:auto;padding-left:10px;transition:all ease .5s;}


@media only screen and (max-width: 1120px) {
	#img-container img{ max-width:100%;height:auto; }
}
@media only screen and (max-width: 1024px) {
	#index{left:-245px;transition:left ease .5s;padding-top:0;}
	#exhibit{margin:26px 0 0 0; transition:margin ease .5s;}
	#exhibit .container{height:calc(100vh - 141px);}
	.sb-toggle-left{left:30px;transition:left ease .5s;}
	#social{left:-245px;transition:left ease .5s;bottom:0px;}
	.logo{height:30px;width:auto;padding-left:90px;transition:all ease .5s;}
	#img-container img{ max-width:100%;height:auto;/*max-height:100vh;*/ }
	
	.fancybox-title-inside-wrap {
	  position: fixed;
	  bottom: 10px;
	  right: 0;
	  left: 215px;
	  margin-right: auto;
	  margin-left: auto;
	  max-width: 600px;
	}
	.titlewrapper {
	  display: block;
	  position: absolute;
	  left: 300px;
	  margin-bottom: 20px;
	  top: -10px;
	  color: #aaa;
	  text-align: center;
	}
	.fancylike-left, .fancylike-right{
		margin-left: 0px;
		width:0;
	}
	#index p {margin-bottom:0;}
}

@media only screen and (max-width: 720px) {
	.fancybox-title-inside-wrap {
	  position: fixed;
	  bottom: 20px;
	  right: 0;
	  left: 0px;
	  margin-right: auto;
	  margin-left: auto;
	  max-width: 260px;
	}
	.titlewrapper {
	  display: block;
	  position: static;
	  left: 0px;
	  margin-bottom: 20px;
	  top: -10px;
	  color: #aaa;
	  text-align: center;
	}
	#img-container img{ max-width:100%;height:auto;max-height:50vh; }
	
}
@media only screen and (max-width: 568px) {
	#img-container img{ max-width:100%;height:auto;max-height:46vh; }
	.titlewrapper {margin-bottom:5px;}
	.fancybox-title-inside-wrap {bottom:10px;}
}