#archive-banner { background: url('/img/festival/banner.jpg') no-repeat top center; background-size: 1920px; height: 320px; margin-bottom: 100px }
#archive .archive { border-top: 1px solid #D24F00; padding-bottom: 30px; padding-top: 25px }
	#archive .archive .archive-header { padding-bottom: 20px }
	#archive .archive .archive-extra-toggle { color: #D24F00; font-family: 'Skia', sans-serif; font-size: 26px }
	#archive .archive .archive-images { padding-bottom: 5px }
		#archive .archive .archive-images .archive-image { display: block; margin-top: 30px }
#archive h1 { color: #D24F00;
	font-family: 'Skia', sans-serif;
	font-size: 34px;
	margin: 0;
	text-transform: uppercase; }
#archive h2 { color: #D24F00; font-family: 'Skia', sans-serif; font-size: 30px; margin: 0 }
#archive h3 { font-size: 18px; font-weight: 700; margin: 0; padding-top: 2px; text-align: right }
#archive p { font-size: 18px; margin: 0; padding-bottom: 30px }
	#archive p a { color: #D24F00 }
	#archive p.orange { color: #D24F00 }
#archive .archive .archive-extra p { font-size: 16px; padding-bottom: 15px }
.archive-body + .archive-images { margin-top: -20px }

#home-boxes {  }
#home-boxes .home-box { display: block; margin-top: 30px; position: relative }
#home-boxes .home-box img { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%) }
#home-boxes .home-box:hover img { filter: none; -webkit-filter: grayscale(0%) }
#home-boxes .home-box h2 { bottom: 20px; color: #FFF; font-family: 'Skia', sans-serif; font-size: 30px; left: 0; position: absolute; text-align: center; text-transform: uppercase; width: 100% }


@media (max-width: 1459px) {
	#archive-banner { background-size: 1460px; height: 243px; margin-bottom: 80px }
	#archive .archive .archive-extra-toggle { font-size: 22px }
	#archive h1 { font-size: 36px; padding-bottom: 26px }
	#archive h2 { font-size: 24px }
	#archive h3 { font-size: 16px }
	#archive p { font-size: 16px; padding-bottom: 26px }
	#archive .archive .archive-extra p { font-size: 14px }
}

@media (max-width: 1199px) {
	#archive-banner { background-size: 1200px; height: 200px; margin-bottom: 60px }
	#archive h1 { font-size: 34px; padding-bottom: 22px }
	#archive h3 { padding-top: 10px; text-align: left }
	#archive p { font-size: 14px; padding-bottom: 22px }
}

@media (max-width: 991px) {
	#archive-banner { background-size: 992px; height: 165px; margin-bottom: 40px }
	#archive h1 { font-size: 28px }
}

@media (max-width: 767px) {
	#archive-banner { background-size: 768px; height: 128px }
}

@media (max-width: 575px) {
	
}

@media (max-width: 374px) {
	
}

#supporters h2 {

}