#front-page { margin-top: 4em; }

.show-me-more { margin-bottom:2em; }

.homepage-container { margin-bottom: 10rem; }

.homepage-container .intro { margin-bottom: 30px; }

.homepage-container .page-header { margin-bottom: 1em; }

.homepage-container .page-header h1 {
	position: relative;
	display: inline;
	background: #ff5700;
	box-shadow: 5px 0 0 #ff5700, -5px 0 0 #ff5700;
	padding: 12px 0 0 0;
}

.homepage-container p.intro-text { font-size: 16px; }
.homepage-container p.intro-text br { margin-bottom: 1em; }

.search-form input.form-control, .search-form .input-group-btn button { height: 50px; font-size: 22px; }
.search-form .search-options { margin-top: 5px; display: inline-block; }
.search-form .search-options .input-checkbox { margin-right: 10px; }
.search-form .search-options label { font-size: 16px; }
#advanced-search-link { font-size: 16px; display: inline-block; margin-top: 9px; float: right; }

#example-searches-title { display: inline-block; border-top: none; font-family: 'CooperHewitt-Display'; text-transform: uppercase; font-size: 2.2rem; margin: 0 2rem 0 0; padding-top: 10px; }
.example-search { display: inline-block; margin-right: 2rem; cursor: pointer; }

.homepage-container .homepage-heading { display: table; width: 100%; padding-bottom: 1em; margin-top: 25px; margin-bottom: 12.5px; border-top: 1px solid #000 }
.homepage-container .homepage-heading h2 { display: table-cell; font-size: 32px; line-height: 1.2em; margin: 0; border-top: 0; float: left; }
.homepage-container .homepage-heading a.more-link { display:table-cell; vertical-align: middle; text-align: right; padding-top: 10px; font-size: 16px; line-height: 22px; color: #999; white-space: nowrap; }
.homepage-container .homepage-heading a.more-link:hover { text-decoration: underline; }

.homepage-features { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; }
.homepage-features.row:before { display: none; }
.homepage-feature { margin-bottom: 36px; }
.homepage-feature a { display: -ms-flexbox; display: flex; flex-direction: column; }
.homepage-feature .feature-thumbnail { position: relative; width: 100%; height: 0; padding-bottom: 66%; overflow: hidden; }
.homepage-feature .feature-thumbnail.square { padding-bottom: 100%;}
.homepage-feature .feature-thumbnail img { position: absolute; height: 100%; width: 100%; object-fit: cover; }
.homepage-feature .feature-title h3 { font-size: 24px; border: 0; margin-bottom: 10px; line-height: 2.6rem; padding-bottom: 0; }
.homepage-feature a:hover .feature-title h3 { color: #ff5700; }

.homepage-object { margin-bottom: 4rem; }

.homepage-container .youtube-video .video-listing__title a .video-listing__title-text { color: #000; }
.homepage-container .youtube-video .video-listing__title a .video-listing__title-text:hover { color: #ff5700; }
.homepage-container .youtube-video .youtube-video-holder { margin-bottom: 1rem; }

@media (max-width: 639px) {
	#example-searches-title { font-size: 1.8rem; margin-right: 1.8rem; }
	.example-search { font-size: 1.8rem; margin-right: 1.8rem; }

	.homepage-container .homepage-heading h2 { font-size: 24px; line-height: 1.2em; }
	.homepage-container .homepage-heading a.more-link { white-space: normal; }
}

@media (max-width: 979px) {
	.homepage-feature .feature-title h3 { font-size: 2rem; line-height: 1; }
}

/* For IE */
@media screen and (min-width:0\0) {
	.feature-title h3 { height: 4.4em; overflow: hidden; }
	.homepage-feature { margin-bottom: 0; }

	.youtube-video { display: none; }
}