@media only screen and (max-width: 10in) {
	
	body {
		padding-top:50px;
	}
	
	#titlebar {
		display:none;
		width:100%;
		overflow-x:auto;
		white-space:nowrap;
		padding:0px;
	}
	
	.nav_collapsed {
		height:80px; overflow-y:hidden;
		animation: collapseNav 0.5s normal forwards;
	}
	.nav_collapsed img {visibility:hidden;}
	
	.nav_open {
		animation:expandNav 0.5s normal forwards; overflow-y:hidden;
	}
	.nav_open img {visibility:visible;}
	@keyframes expandNav {from {height:60px; overflow-y:hidden;} to {height:260px; overflow-y:visible;}}
	@keyframes collapseNav {from {height:260px; overflow-y:visible;} to {height:60px; overflow-y:hidden;}}
	
	#mob_nav_panel {
		display:initial;
		width:100%;
		position:fixed; top:0px; left:0px;
		visibility:visible;
		background-color:rgba(255,255,255,0.8);
		text-align:center;
		overflow-x:hidden; overflow-y:hidden;
	}
	
	#navToggle {
		float:right;
		width:60px;
		visibility:visible;
	}
	@keyframes rotate180{from{transform:rotate(0deg);} to {transform:rotate(180deg);}}
	@keyframes rotate0{from{transform:rotate(180deg);} to {transform:rotate(0deg);}}
	.toggleEx {animation:rotate0 0.5s normal forwards;}
	.toggleCo {animation:rotate180 0.5s normal forwards;}
	
	.navbutton {
		height:40px;
		display:block;
		margin:auto;
	}
	
	#logo {
		height:60px;
		margin:0px;
		visibility:visible;
	}
	
	.row {
		padding:0px;
		margin: 100px 0px;
	}
	
	.textContainer {
		text-align:justify; margin:0px 15%;
	}
	
	.photo {
		display:block;
		max-height:initial;
		max-width:100%;
		max-height:90vh;
		margin:auto;
		vertical-align:middle;
	
	}
	
	.photo:hover{
		animation:none;
	}
	
	.double {
		max-width:100%;
		margin:5px auto;
	}

	.triple {
		max-width:100%;
		margin:5px auto;
	}
	
	#lightbox {
		width:100vw;
		height:100vh;
	}
	
	#loupe {
	max-width:100%; max-height:100%;
	}
}