body {
      max-width: 70%;
	  min-width: 1080px;
      margin: auto;
      padding: 0;
      background: #333;
      color: white;
      font-size: 16px;
	  font-family: Futura,Trebuchet MS,Arial,sans-serif; 
        }
		
div.pagecontent {
	 min-height: 60vh;
	 width: 100%;
}

footer {
	   padding-top: 10vh;
	   font-style: italic;
	   font-size: 0.8em;
}

/*stupid header nonsense*/
.container {
	 position: relative;
}

header {
	 padding: 10px;
}
.header-inception {
	 position:absolute;
	 top: 0;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 height: 100%;
	 width: 100%;
} 
.header-overlay {
	 position:absolute;
	 top: 0;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 height: 100%;
	 width: 100%;
	 opacity: 0;
}
.container:hover .header-overlay {
	opacity: 1;
}
.container:hover #header-base {
	 opacity: 0;
}
/* end of stupid header nonsense */

/* links and text styling */
a { 
	  color:white;
	  text-decoration: none;
	}
a:hover {
	  color: #00b8c6;
	  text-decoration: underline;
}

.button {
	 background-color: #222;
	 border: none;
	 padding: 10px 15px;
	 text-align: center;
	 display: inline-block;
	 margin: 2px;
	 min-width: 100px;
	 color: white;
	 font-weight: bold;
}
.button:hover {
	 background-color: #00b8c6;
	 color: white;
	 text-decoration: none;
	 font-size: 18px;
}
h1 { font-size: 32px;
     font-weight: bold; 
  }
        iframe {
            border:none;
        }
#hilight:hover {
	 background: #666;
}	
	
p.image-subtitle {
	 font-size: 12px;
	 font-style: italic;
	 color: #eee;
}
#textbox {
	 align-content: left;
	 width: fit-content;
	 max-width: 100%;
}

/* Galleries */
div.description {
	 padding: 5px 30px;
	 align-content: center;
}

img.gallery {
	 width: 25%;
	 max-width=300px;
}

#gallery-name {
	 font-size: 32px;
	 margin: 10px;
}
#gallery-text {
}
#gallery-art {
	max-height: 70vh;
	min-height: 500px;
	width: auto;
}
div.thumb {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	max-width:100%;
}
div.thumb img {
width: 250px;
height: auto;
margin: 10px;
}

div.bigthumb {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	max-width:100%;
	min-width: 960px;
}

div.bigthumb img {
width: 300px;
height: auto;
margin: 10px;
}

.category {
	 padding-left:50px;
	 text-align: left;
	 }

/* other stuff */
.navbox {
	 width: 400px;
	 height: 200px;
	 position: relative;
	 }

.navrow {
	 display:flex;
	 width: fit-content;
	 }
.navrow div {
	margin: 10px;
	font-weight: bold;
	}
#top.navrow div {
	margin: 10px 15px;
	}