body{
	font-family: 'EBGaramond';
	background-color: #f0f0f0;
	min-height: 100vh;
	position: relative;
	padding-bottom: 220px;
}


.navbar a.navbar-brand{
	font-size:48px ;
	font-variant: small-caps;

}

.navbar {
	background-color: #f6f6f6;
}

.btn-link {
	color: #000000;
	font-variant: small-caps;
	font-size: 24px;
}

.btn-link:hover {
	color: #3f3f3f;
}

.img-link {
	opacity: 1;
}

.img-link:hover {
	opacity: 0.5;
}

.btn-link-body{
	font-variant: small-caps;
	font-size: 16px;
}

.btn-link-head {
	font-variant: small-caps;
	font-size: 16px;
}

.page-link{
	background: transparent;
	border: none;
	color: #9f9f9f;
	font-size: inherit;
}

.inline-link{
	text-decoration: underline;
}

.inline-link:hover {
	color: #3f3f3f;
}
.footer {
	position: absolute;
    bottom: 0;
	width: 100%;
	background-color: #f6f6f6;
}


.div-centered {
	text-align: left; 
	margin: auto; 
	width: 200px;
}

.copyright {
	opacity: 0.5;
	font-size: 12px;
}

.img-open{
	transition: .3s transform ease-in-out;
}

.collapsed .img-open{
	transform: rotate(-90deg);
}


.image {
	opacity: 1;
	display: block;
	width: 100%;
	height: auto;
	transition: .5s ease;
	backface-visibility: hidden;
}

.middle {
	transition: .5s ease;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
}

.container:hover .image {
	opacity: 0.3;
}

.container:hover .middle {
	opacity: 1;
}

.modal-backdrop.show {
	opacity: 0.8;

}

.next-page {
	position: fixed;
	top: 50%;
	right: 5%;
	opacity: .2;
}

.prev-page {
	position: fixed;
	top: 50%;
	left: 5%;
	opacity: .2;
}

.next-page:hover,
.prev-page:hover{
	opacity: 1;
}

a { color: inherit; } 

a:has(>img.img-link) {
	text-decoration: none;
}

.vertical-alignment-helper {
display:table;
height: 100%;
width: 100%;
pointer-events:none;}

.vertical-align-center {
/* To center vertically */
display: table-cell;
vertical-align: middle;
pointer-events:none;}

.modal-content {
/* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
width:inherit;
max-width:inherit; /* For Bootstrap 4 - to avoid the modal window stretching 
full width */
height:inherit;
/* To center horizontally */
margin: 0 auto;
pointer-events:all;}