*  {
	box-sizing: border-box;
	}

html {
	font-size:18px;
	width: 98dvw;
	text-align: center; 
	margin:auto; 
	}

body {
	background-color: #000000; 
	max-width: 1280px; 
	text-align: center; 
	margin:auto; 
	padding:6px;"
	}

h1 {
	font-family: 'Lobster', sans-serif;
	font-size: 1.2rem;
	color: #FFFFFF;
	text-align: center;
	text-shadow: 1px 1px 4px #555555;
	}
	
h2 {
	font-family: 'Roboto', sans-serif;
	font-size: 1.8rem;
	font-style: bold;
	color: #FFFFFF;
	text-align: center;
	text-shadow: 1px 1px 4px #555555;
	}	

p {
	font-family: 'Roboto', sans-serif;
	font-size: 1rem;
	color: #FFFFFF;
	text-shadow: 1px 1px 4px #555555;
	text-align: center;
	margin-bottom:0px;
	}

p.small {
	font-size: .8rem;
	line-height: 1.5;
	}
  
p.brackets {
	font-size: 2rem;
	}
  	
p.caption {
	font-size: .8rem;
	}

p.mice {
	font-size:.7rem;
	text-align: center;
	text-shadow: 1px 1px 2px #555555;
	}

a {
	color: #FFFFFF;
	text-decoration: none;
	}

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

img.big {
	max-height: 100%; 
	max-width: 93%; 
	aspect-ratio: 3/2;
	pointer-events: none;
	}

img.bigTall {
	max-height: 100%; 
	max-width: 93%; 
	aspect-ratio: 2/3;
	pointer-events: none;
	}
  	
img.mice {
	display:inline-block; 
	height:12px; 
	vertical-align:baseline;
	}  	

div.path {
	height: 10dvh; 
	display: flex; 
	align-items: center; 
	justify-content: center;
}
	
div.photo {
	height: 80dvh; 
	display: flex; 
	align-items: center; 
	justify-content: center;
}
	
div.noPhoto {
	height: 80dvh; 
	display: flex; 
	flex-direction: column;	
	align-items: center; 
	justify-content: center;
}	
	
div.caption {
	height: 10dvh; 
	display: flex; 
	align-items: center; 
	justify-content: center;
	}
  	
.row {
	display: -ms-flexbox; /* IE10 */
	display: flex;
	-ms-flex-wrap: wrap; /* IE10 */
	flex-wrap: wrap;
	padding: 0 4px;
	justify-content: center;	
	}

/* Create four equal columns */
.column {
	-ms-flex: 25%; /* IE10 */
	flex: 25%;
	max-width: 25%;
	padding: 0 4px;
	}

.column img {
	margin-top: 8px;
	vertical-align: middle;
	width: 100%;
	}

/* change to two column-layout from four columns */
@media screen and (max-width: 800px) {
.column {
	-ms-flex: 50%;
	flex: 50%;
	max-width: 50%;
	}
}