* {
	box-sizing: border-box;
}

.row::after {
	content: "";
	clear: both;
	display: table;
}

[class*="col-"] {
	float: left;
}

@media screen and (max-width: 600px) {
	.col-s-1 {width: 8.33%;}
	.col-s-2 {width: 16.66%;}
	.col-s-3 {width: 25%;}
	.col-s-4 {width: 33.33%;}
	.col-s-5 {width: 41.66%;}
	.col-s-6 {width: 50%;}
	.col-s-7 {width: 58.33%;}
	.col-s-8 {width: 66.66%;}
	.col-s-9 {width: 75%;}
	.col-s-10 {width: 83.33%;}
	.col-s-11 {width: 91.66%;}
	.col-s-12 {width: 100%;}
}				

@media only screen and (min-width: 601px) {
	/* For tablets: */
	.col-s-1 {width: 8.33%;}
	.col-s-2 {width: 16.66%;}
	.col-s-3 {width: 25%;}
	.col-s-4 {width: 33.33%;}
	.col-s-5 {width: 41.66%;}
	.col-s-6 {width: 50%;}
	.col-s-7 {width: 58.33%;}
	.col-s-8 {width: 66.66%;}
	.col-s-9 {width: 75%;}
	.col-s-10 {width: 83.33%;}
	.col-s-11 {width: 91.66%;}
	.col-s-12 {width: 100%;}
}

@media only screen and (min-width: 768px) {
	/* For desktop: */
	.col-1 {width: 8.33%;}
	.col-2 {width: 16.66%;}
	.col-3 {width: 25%;}
	.col-4 {width: 33.33%;}
	.col-5 {width: 41.66%;}
	.col-6 {width: 50%;}
	.col-7 {width: 58.33%;}
	.col-8 {width: 66.66%;}
	.col-9 {width: 75%;}
	.col-10 {width: 83.33%;}
	.col-11 {width: 91.66%;}
	.col-12 {width: 100%;}
}		

@media only screen and (min-width: 936px) {
	/* For desktop: */
	.col-l-1 {width: 8.33%;}
	.col-l-2 {width: 16.66%;}
	.col-l-3 {width: 25%;}
	.col-l-4 {width: 33.33%;}
	.col-l-5 {width: 41.66%;}
	.col-l-6 {width: 50%;}
	.col-l-7 {width: 58.33%;}
	.col-l-8 {width: 66.66%;}
	.col-l-9 {width: 75%;}
	.col-l-10 {width: 83.33%;}
	.col-l-11 {width: 91.66%;}
	.col-l-12 {width: 100%;}
}		

html {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif, sans-serif;
	word-wrap: break-word;
	overflow-wrap: break-word;
	scroll-behavior: smooth;
}

body {
text-align: center;
font-size: 1em;
line-height:120%;
}

.container {

}

h1 {
font-size: 2.44140625em;
line-height: 120%;
}

h2 {
font-size: 1.953125em;
line-height: 120%;
}

h3 {
font-size: 1.5625em;
line-height: 120%;
}

h4 {
font-size: 1.25em;
line-height: 120%;
}

h5 {
font-size: 1em;
line-height: 120%;
}

a, a:link, a:visited, a:hover, a:active {
text-decoration:none;
}

.navLinks {
clear:both;
display:inline-block;
vertical-align:top;
line-height: 130%;
font-size: 1.25em;
margin-left: 5px;
margin-right: 5px;
}

@media screen and (max-width: 768px)  {
	.navLinks {
	display: block;
	}
}

.alignLeft {
clear:both;
text-align: left;
}

.alignCenter {
clear:both;
text-align: center;
}

.alignRight {
clear:both;
text-align: right;
}

.albumTitle {
clear:both;
	font-family: Times, "Times New Roman", Georgia, serif, sans-serif;
text-align: center;
font-size: 2.44140625em;
line-height: 120%;
}

.albumDescription {
clear:both;
font-size: 1.25em;
line-height: 120%;
}


.folderTitle {
clear:both;
text-align: center;
font-size: 1.5625em;
line-height: 120%;
}

.folderDescription {
font-size: 1em;
line-height: 120%;
margin-bottom: 15px;
}


.imageTitle {
font-size: 1.25em;
line-height: 120%;
}

.comment {
position: relative;
font-size: 1em;
text-align: left;
display: block;
padding-bottom: 15px;
z-index:-1;
}

.adjust {
	display: inline-block;
}

img {
	max-width: 100%;
}

img[id^='journal_'] {
max-width:100%;
max-height:92vh;
object-fit: scale-down;
margin: 0 auto;
}

.homeLink{
font-size: 1.5625em;
text-align: center;
line-height: 120%;
}

.splashOpen {
font-size: 1.5625em;
line-height: 150%;
text-align: center;
}

.splashCreditText {
font-size: 0.8em;
text-align: center;
}

.menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	line-height: 200%;
}

.menu li {
	padding: 2px;
	text-align: left;
}

.menu li:hover {

}


.tocLink {
font-size: 1.25em;
}

.tocTitle {
top: 50px;
	font-family: Times, "Times New Roman", Georgia, serif;
font-size: 1.953125em;
line-height: 120%;
text-align: center;
}

.floatContentLeft {
float:left; margin:5px 10px 10px 0px; max-width:66%;
padding-bottom: 13px;
}

@media screen and (max-width: 768px)  {
.floatContentLeft {float:none; max-width:100%; padding-bottom: 13px;}
div.imageBox {margin-bottom: 7px;}
}

.floatContentRight, floatContentRightLT {
float:right; margin:5px 0px 10px 10px; max-width:66%;
padding-bottom: 13px;
}

@media screen and (max-width: 768px)  {
.floatContentRight, floatContentRightLT {float:none; max-width:100%; padding-bottom: 13px;}
div.imageBox {margin-bottom: 7px;}
}

div.imageBox {
position: relative;
max-width: 100%;
display:inline-block;
z-index:2;
}

.regions {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
display:none;
overflow:hidden;
z-index: 5;
}

div.regions {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
display:none;
}

.imageBox .regions a {
position: absolute;
display: inline-block;
}

.regions a span {
position: absolute;
top: 0px;
left: 0px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
max-width: 100%;
}

.faces {
display:none;
overflow:hidden;
}

.face {
font-size: 1.25em;
line-height: 120%;
text-align:right;

}

.faceDesc {
line-height: 120%;
text-align:right;
}

.showRegions {
display: block;
position: relative;
text-align: left;
}

video {
	outline: 0;
	max-width: 100%;
	height: auto;
	display:inline-block;
}

.thumb {
  position: relative;
  overflow: hidden;
  max-width: 100%;
  
}

.thumb a {

}

.thumb:hover .item img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}  

.item {
  position: absolute;
  top: 0;
  left: 0;
}

.item img {
  -webkit-transition: 1s ease;
  transition: 1s ease;
}

span.thumbTitle {
  font-size: 1.25em;
  line-height: 120%;
  text-align:left;
  overflow: hidden;
  text-overflow:clip;
  display:inline-block;
}


.titleInside {
position:absolute; 
top:0px; 
left:0px; 
z-index:-2;
text-align:center;
background-color: #2F4F4F88;
}

.thumb:hover .item .titleInside { 
z-index:2; 
}

div.thumbBox {
position: relative;
max-width: 100%;
display:inline-block;
z-index:2;
border: 1px solid #ccc;
}

.webLoc {
	position:absolute;
	display:inline-block;
	top: -30px;
	animation-name: webThrob;
  	animation-duration: 3s;
	animation-delay: 1s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

@keyframes webThrob {
  from {opacity: 1;}
  to {opacity: 0;}
}

.altThemeImage {
	position:relative;
	overflow:hidden;
	width: auto;
	max-height: 75vh;
}

.lpTheme {
	position:relative;
	display: inline-block;
}

.altTheme {
	width: auto;
	max-height: 70vh;
}

#banner img {
	padding: 5px 0px;
}
#bannerLinkLeft {
	position: relative;
	width: 1px;
	text-align: left;
	float: left;
	z-index: 5;
}
#bannerLinkLeft img {
	width: 1px;
	margin-left: 20px;
}

#bannerLinkCenter {
	position: relative;
	text-align: center;
	z-index: 5;
}

#bannerLinkRight {
	position: relative;
	width: 1px;
	text-align: right;
	float: right;
	margin-right: 20px;
	z-index: 5;
}
#bannerLinkRight img {
	width: 1px;

}
#bannerLinkRightPad {
	position: relative;
	width: 20px;
	float: right;
}

.lpAltLogo {
	position: absolute;
	top: 10px;
	left: 20px;
	z-index: 100;
}

@media screen and (max-width: 600px) {
	.lpAltLogo {
		max-width: 15vw;
	}
	#bannerLinkLeft img {
		max-width: 15vw;
	}
	#bannerLinkRight img {
		max-width: 15vw;
	}
}

#overlay {
position:absolute;
top:5px;
z-index:1;
display:none;
}

#flourish {
position: relative;
z-index:1;
display:none;
font-size: 32px;
color:red;
}

#leftFlourish{
position: absolute;
left:20px;
z-index:2;
}

#rightFlourish{
position: absolute;
right:20px;
z-index:2;
}