/* CSS Document */


/*-----------------------------------*/
/*               HEADER              */
/*-----------------------------------*/

header .main-menu {display:none !important;}
header .hamburger-container {display:block; width:100%; padding:40px 0 0;}
header.front .hamburger-container {padding-bottom:40px;}
header #hamburger {float:right;}

#front-info .info-content {padding-right:30px;}

@media (max-width:920px) {
	.front-brand-right img {display:none;}
	#front-info {text-align:center;}
	#front-info .info-content,
	#front-info .info-headline {padding:0; float:none; display:inline-block; margin:0 25px; vertical-align:top;}
	#front-info h3 {padding:0;}
	header .page-title {font-size: 42.5px;width: 50%;float: right;}
}

@media (max-width:730px) {
	#front-info {padding:20px 0;}
	#front-info .info-content,
	#front-info .info-headline {margin:7px 0; width:100%; }

}

@media (max-width:650px) {
	.front-brand-left {margin-top:0;}
}

@media (max-width:550px) {
	.front-brand-left {float:none;width: 100% !important;margin:-90px 0 0;}
	.front-brand-right {margin:0; width:100%; float:none;}
	.front-brand-left img {width: 150px !important;position: absolute;top: 20px;left: 5%;margin: 0 !important;}
	.front-brand-left h1 {width:100%;padding: 40px 0 !important;text-align:center;margin: 150px 0 0 !important;}
	.front-brand-left p {margin-left:0;padding: 30px 0;text-align:center;margin: 0 30px !important;}

	header.front .hamburger-container {padding:80px 5% 0 0; width:95%;}

	#top-menu .phone-number a,
	#top-menu .donate-menu a {font-size:100%;}
	#top-menu .donate-menu {margin-left:30px;}

	header #logo {width:150px;}
	header #logo img {margin-top:20px;}
	header .page-title {font-size: 30px;margin-top:0;width: 45%;float: right;}
	#page-subnav {padding:12.5px 0;line-height: .75;}
	.breadcrumb {display:none;}
	.subnav.right {float:none;}
}

@media (max-width: 1000px) {
		.subnav ul {text-align: right;font-size: 12.75px;}
	.subnav li {margin-top:10px; margin-bottom:10px;}
}

@media (max-width: 650px) {
		.subnav ul {text-align: center;}
}

@media (max-width: 700px) {
.content.page-wrap section {
    margin: 0 auto;
    width: 85%;
}
}

/*-----------------------------------*/
/*               CONTENT             */
/*-----------------------------------*/

@media (max-width:900px) {
	.map-container .overlay {display:none;}
	.map-container .map {padding: 25px;}
}

@media (max-width:800px) {
	.video-container {padding:20px 30px;}
}

.exhibits {
    width: 100%;
    float: left;
    padding: 0px 0 5vh;
}

@media (max-width: 1025px) {
.exhibits-container {
    padding: 100px 0 0 0;
}
}

@media (max-width: 850px) {
.exhibits-container {
    padding: 0 !important;
}
.exhibits .holder {
    width: 84%;
    margin: 0 auto;
}
}

@media (max-width: 700px) {
.page-id-143 .exhibits {
    width: 100% !important;
    float: left;
    padding: 0;
}
}

.exhibits .front-box-title {
	margin-bottom: 25px;
}

.page-id-143 .exhibits .front-box-title {
	margin-bottom: 0;
}

.page-id-143 .exhibits .holder {
    width: 100%;
    margin: 0 auto;
}

.donors {
		-webkit-column-count: 1;
    column-count: 1;
    max-width: none;
    margin: 0 auto;
    display: block;
}

/*-----------------------------------*/
/*               FRONT               */
/*-----------------------------------*/

.front-box {height:350px;}

.front-bottom {padding:50px 0 250px;}

.front-slider-arrow {padding:10px;}
.front-slider-arrow:after {height:20px; width:20px;}

@media (max-width:730px) {
	.front-box {float:none; width:100%;}

	.info-slider .info-slider-table {height:auto; padding:80px 0;}

	.slider-info-inner {width: 72.5%;}
	.slider-info-content .inner {padding:20px 25px 5px;}

	.front-bottom {background-position:left top;}
}

/*-----------------------------------*/
/*               FOOTER              */
/*-----------------------------------*/

@media (max-width:800px) {
	.footer-main-menu {display:none;}
}

@media (max-width:730px) {
	footer {text-align:center; background-position:center left; padding:50px 0;}

	.footer-content, .footer-stuffs {padding:0;}

	footer #searchform,
	#footer-social,
	footer .donate-menu,
	.footer-copy p,
	.footer-copy .footer-menu {float:none; margin:0 0 25px; width:100%; padding:0;}
	#footer-social ul, .footer-copy .footer-menu {text-align:center;}
}