* {
  box-sizing:border-box;
  padding: 0;
  margin: 0;
}
b {
  font-weight: 700;
}
@font-face {
  font-family: 'grkweb';
  src: 
    url('../pages/fonts/grkweb218.ttf') format('truetype'),
    url('../pages/fonts/grkweb218.woff') format('woff'), 
    url('../pages/fonts/grkweb218.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'cyrweb';
  src: 
    url('../pages/fonts/cyrmedweb226.ttf') format('truetype'),
    url('../pages/fonts/cyrmedweb226.woff') format('woff'), 
    url('../pages/fonts/cyrmedweb226.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
body{
  font: 400 14px/1.75 sans-serif;
  color:#724e00;
  background-color:#f0f0f0;
  max-width: 1280px; /*limit max width*/
  margin: 0 auto;
}
main {
  /*content*/
  background: url('../gallery/gifs/back_gr2.jpg') 0 0/cover no-repeat;
  border:2px solid #b28e00;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
footer{
  margin: 2em 2.5%;
  margin-top: auto;
  font-size:0.82rem;
  text-align:center;
  color:#888;
}
footer a{
  color:#888;
  text-decoration:none; 
}
footer a:hover{
  text-decoration:underline;
}
footer .ccopy{
  padding:1em 0;
  font-size:0.86rem;
  color:#724e00;
}
nav {
  margin: 1em auto 0;
  width: 51.9rem;
  height: 2.8rem;
}
/*Clear padding and list styling*/
nav ul {
	list-style-type:none;
	margin:0;
	padding:0;
	position: absolute;
  z-index: 10;
  display: flex;
}
/*Create a horizontal list*/
nav li {
	display:inline-block;
  background-color: #455c7b;
}
/*Style for menu links*/
nav li a {
	display:block; 
	color: #c99e40;
	text-decoration: none; 
  line-height: 2.2; 
  font-size: 1.2rem;
}
nav > ul > li > a {
  text-align:center;
  padding: 0 1rem;
  min-width: 7.0rem;
}
/*Hover for top level links*/
nav li:hover a {
  color: #eedac3;
}
/*Style for dropdown links*/
nav li:hover ul a {
	color: #c99e40;
}
/*Hover for dropdown links*/
nav li:hover ul a:hover {
	color: #eedac3;
}
/*Hide dropdown links until they are needed*/
nav li ul {
	display: none;
  padding-left: 1rem;
}
/*Make dropdown links vertical*/
nav li ul li {
	display: block;
}
nav li ul li:last-child {
  padding-bottom:1.0rem;
}
/*Prevent text wrapping*/
nav li ul li a {
	width: auto; 
	min-width: 7rem;
	padding: 0 1rem;
  line-height: 1.75;
  font-size: 1.0rem;
}
/*Display the dropdown on hover*/
nav ul li a:hover + .hidden, 
nav .hidden:hover {
	display: block;
}
/*Style 'show menu' label button and hide it by default*/
nav .show-menu {
  font-size:1.2rem;
	color: #c99e40;
	text-align: center;
	display: none;
}
/*Hide checkbox*/
nav input[type=checkbox]{
  display: none;
}
/*Show menu when invisible checkbox is checked*/
nav input[type=checkbox]:checked ~ #main-menu {
  display: block;
}
nav ul.beasts li a,
nav li ul li div,
nav li ul li div a {
  display:inline-block;
}
nav li.spacer {
  height:0.5em;
}
nav .cflg{
  vertical-align:-1px;
  border:none;  
}
nav .cflga {
  min-width: 1rem;
}
/*page title*/
.colnk {
  font-weight: 700;
  margin: 1rem auto;
  width: 51.9rem;
  display: flex;
  justify-content: space-between;
}
.cpagelnks {
  font-weight: 400;
  font-size: 0.86rem;
  width: 18rem;
}
.colnk a {
  color:brown;
  text-decoration:none;
}
.colnk a:hover {
  text-decoration:underline;
}
.colnk img {
  border:none;
  vertical-align:middle;
}

/*responsive menu 760px*/
@media screen and (max-width: 840px) {
  nav {
    width: 100%;
  }
  nav li ul {
    padding: 0;
  }
  nav li ul li {
    background-color: #253c5b;
    text-align: center;
  }
  nav,
  nav li ul li a {
    line-height: 2.5rem;
  }
	/*Make dropdown links appear inline*/
	nav ul {
		position: static;
		display: none;
	}
  nav > ul > li > a {
    padding: 0;
  }
	/*Create vertical spacing*/
  nav li ul li,
  #main-menu > li {
    border-bottom: 1px solid #c99e40;
  }
  nav ul.hidden {
    border-top: 1px solid #c99e40;
  }
  nav li ul li:last-child {
    border-bottom: none;
    padding-bottom:0;
  }
  nav li.spacer {
    display: none;
  }
	/*Make all menu links full width*/
	nav ul li, li a {
		width: 100%;
	}
  nav ul.beasts li > a,
  nav ul.beasts li > div {
    width: 50%; 
    text-align: center; 
    padding: 0;
  }
  nav ul.beasts li > div a {
    padding: 0;
    width: 100%;
  }
	/*Display 'show menu' link*/
	nav .show-menu {
		display:block;
    background-color: #455c7b;
    border-bottom: 1px solid #c99e40;
    z-index: 10;
	}
  .colnk {
    width: 95%;
  }
}
/* Keep citation rulers clear of overlay scrollbars in every collation window. */
.crghtcol,
.cdiv3 {
  padding-bottom: 12px;
}
.d-flex {
  display: flex;
}
.flex-column {
  display: flex;
  flex-direction: column;
}