@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:400,100,300');

.exhibitname {
	font-family: "Roboto", "Arial", "Helvetica", sans-serif;
    font-weight: 300;
	font-size: 1.5em;
}
figure { display: table;
/*	margin-block-start:.1em;*/
	margin-inline-start:10px;
	margin-inline-end:10px;
	}


figcaption { display: table-caption; caption-side: bottom ; }
		.middle {
		display: block;
	  margin-left: auto;
   margin-right: auto;
}
	.mycolor {
	color: white;	
	}
	.sub-active {
		padding: 3px;
	}
	.sub-active a {
		color: white;
		font-weight: 600;
	}
	.secondary-nav{
		background-color: #686F5B ; /* #680217*/
		line-height: 2.5em;
/*		padding: 3px;*/
	}
	.secondary-nav > li {
		display: inline;
		padding-right: 15px;
		line-height: 1.8em;

	}
	.secondary-nav li a {
		color: white !important;
	}
	.wspace{
		white-space: nowrap;
	}
	.subhead {
		font-size: 1.2em;
		font-weight: 600;
	}
.fcontainer{
    display:flex;
    flex-flow: row wrap;
    align-content: flex-start;
    align-items: flex-start;
/*    align-items: center;*/
	column-gap: 10px;
	row-gap: 20px;
}

.fcontainer2{
    flex-grow: 1;
    flex-shrink: 0;
/*    flex-basis: 200px;*/
    justify-content: flex-start;
    display: flex;
}
.fcontainer3{
    display:flex;
/*    align-items: center;*/
	column-gap: 10px;
}

.fcontainer2 img {
/*    cursor: pointer;*/
}
.fill{
	width: 100%;
}
.item-one {
    flex: 1 280px;
	max-width: 320px;
}
.item-one-a {
    flex: 0 1 200px;
	max-width: 320px;
}
.item-one-b {
    flex: 0 1 240px;
	max-width: 320px;
}
.item-one-c {
    flex: 0 1 50px;
	max-width: 320px;
}
.item-two {
    flex: 2 280px;
	max-width: 330px;
}
.item-three {
    flex: 0 1 200px;
}
.item-four{
	flex: 2 350px;
}
.item-four-b{
	flex: 2 400px;
}
.fcontainer3 > * {
	flex-shrink: 1;
}