#header h1 {
	font-family: Quicksand, sans-serif;
	display: block;
	color: #49a49a;
	text-align: center;
}
#header h2 {
	color: #49a49a;
	margin-top: 0;
	font-weight: normal;
	font-size: 1.2em;
}
#topmenu {
	padding: 0;
	font-weight: bold;
}
#topmenu a {
	margin: 0 15px;
}
#header img {
	max-width: 95%;
	margin: 0 auto;
}
#contact {
	text-align: center;
}
#contact form {
	display: inline-block;
}
#contact div {
	text-align: left;
	padding: 1em;
}
#contact input, #contact textarea {
	margin: .2em 0 1em 0;
}
#schedule
{
	text-align: center;
}
#schedule div {
	display: inline-block;
	vertical-align: top;
	margin: 0 4% 3% 4%;
	text-align: center;
	border-bottom: 1px solid gray;
	padding-bottom: 4%;
}
#content h2 {
	margin-top: 1.5em;
}
#content {
	padding-bottom: 1em;
}
#content img {
	max-width: 100%;
}
p,li {
	color: #494949;
	font-size: .9em;
	line-height: 1.6em;
}
li {
	margin-bottom: .5em;
}

.linklist {
	text-align: center;
}
.linklist a {
	display: inline-block;
	padding: .5em;
}

.artist {
	margin: 1% 2%;
	display: inline-block;
	vertical-align: top;
}
.artist a {
	font-weight: bold;
	color: black;
}
.artist p {
	margin-top: 0;
}
#content .artist img {
	padding: 0 0 .5em 1em;
	max-width: 30%;
	float: right;
	clear: right;
}

#instafeed img {
	margin: .2em;
	display: inline-block;
	width: 24%;
}
#instafeed, #instafeed a {
	text-decoration: none;
	box-shadow: none;
}
.eventfeature
{
	background-color: #e8fffc;
	padding: 1em;
	margin-bottom: 1em;
}
.eventfeature h3 {
	margin-top: 0;
	padding-top: 0;
}
.eventfeature img {
	width: 20%;
	float: right;
	clear: right;
	padding-left: 1em;
}
.homequotes .slider-wrapper {
	margin: 1em;
}
.homequotes #slider, blockquote {
	color: #49a49a;
    font-family: Quicksand, sans-serif;
    line-height: 1.5em;
    font-size: 1.4em;
}
#video {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
#video iframe {
    left:0;
    top:0;
	width: 100%;
	height: 100%;
	position: absolute;
}

h2 {
	color: #49a49a;
}
#content h2:first-child {
	color: black;
}

.highlight {
	display: inline-block;
	background-color: #fffead;
	font-weight: bold;
}

.twoUp, .threeUp
{
	margin-bottom: 3em;
}
.twoUp h3, .threeUp h3 {
	margin: .5em 0 .2em 0;
}
.projectimg {
	width: 100%;
	height: 10em;
	overflow: hidden;
	display:flex;
}
.projectimg img {
	min-width: 100%;
	min-height: 100%;
	align-self: center;
}
p.artistcredit {
	margin: 0;
	font-size: .8em;
	line-height: 1.5em;
	color: #686868;
}
p.artistcredit a {
	color: #686868;
}
p.artistcredit a:hover {
	color: #000;
}

.photogrid {
	text-align: center;
	margin-top: 1em;
}
.photogrid img {
	display: inline-block;
	height: 15em;
	margin: .1em .2em;
}

.exhibitheader {
	margin: 2em 0;
}
.exhibitheader h3, .exhibitheader h4 {
	text-align: center; 
	font-family: Quicksand, sans-serif;
	margin: 0;
	padding: 0;
	line-height: 1.6em;
}
.exhibitheader h3 {
	font-size: 2em;
}
.exhibitheader h4 {
	font-size: 1.5em;
	font-weight: normal;
}
.faq h4 {
	margin-bottom: 0;
	margin-top: 1.8em;
}
.faq p {
	margin: .5em 0 1em 0;
}

h3.headerdate {
	color: #49a49a;
	text-align: center;
	font-size: 1.7em;
	margin-top: -1em;
}
h3.headerdate a {
	color: #49a49a;
}

/* =================== desktop =================== */
@media only screen and (min-width: 65em) {
	#header h1 {
		font-size: 3em;
		padding-top: .4em;
	}
	#header h2 {
		font-size: 1.5em;
	}
	#contact div {
		display: inline-block;
		vertical-align: middle;
	}
	#schedule div {
		border-bottom: none;
		padding-bottom: 0;
	}
	.artist {
		width: 15.5%;
		text-align: center;
	}
	.artist p {
		margin-top: 1em;
	}
	#content .artist img {
		padding: 0 0 .5em 0;
		max-width: 100%;
		float: none;
		clear: none;
	}
	.homequotes #slider {
		width: 1000px;
	}
	#rightcol #slider {
		width: 325px;
		padding: 0;
	}

	.cells {
		text-align: center;
	}
	.cells div {
		display: inline-block; 
		vertical-align: top; 
		text-align: left;
		padding-left: 3em;
	}
	#humboldt .cells div:first-child {
		width: 30%;
	}
	#humboldt .cells div:last-child {
		width: 40%;
	}
	.cells div:first-child {
		padding-left: 0;
	}
	.twoUp
	{
		width: 45%;
		margin: 0 4.5% 4% 0;
		display: inline-block;
		vertical-align: top;
	}
	.threeUp
	{
		width: 29%;
		margin: 0 4% 4% 0;
		display: inline-block;
		vertical-align: top;
	}
	.projectimg {
		height: 15em;
	}
	#instafeed {
		overflow: hidden !important;
		height: 420px !important;
		margin-bottom: 1em;
	}

	#topmenu li ul {
		top: 20px;
	}
	#topmenu li li {
		margin-bottom: 0;
		font-size: 1em;
	}
}