/* Hero Section */
#hero-section {
	 padding: 0;
	 background-color: #000;
}
#hero-section .container {
	 padding: 0;
	 margin: 0;
	 max-width: 100%;
}
.align-center {
	 margin-left: auto;
	 margin-right: auto;
	 text-align: center;
}
.align-center > * {
	 margin-left: auto;
	 margin-right: auto;
	 text-align: center;
}
.hero {
	 background-color: #000;
	 padding: 30px 0;
	 overflow: hidden;
}
.title {
	 width: 90%;
	 max-width: 1050px;
	 min-width: 200px;
	 padding: 0;
	 font: 3.345rem 'League Gothic', sans-serif;
	 color: #FFF;
}
/*
.title img {
	 max-width: 100%;
	 max-height: 150px;
	 padding: 8px 0;
}
*/
.banner {
	 background: url(../_images/banner-images/scrolling-background-diversity-banner.jpg) repeat-x;
	 background-size: auto 100%;
	 height: 400px;
	 width: 5076px;
	 animation: slide 65s linear infinite;
	 margin: 15px 0;
}
@keyframes slide{
	 0%{
		 transform: translate3d(0, 0, 0);
	}
	 100%{
		 transform: translate3d(-1692px, 0, 0);
	}
}
.sub-title {
	 font-family: 'Oswald', sans-serif;
	 font-size: 10.5rem;
	 color: #df3016;
	 transition: font-size 2s;
}
.sub-title h1 {
	 margin: 0px;
	 padding: 0px;
	 margin-bottom: 50px;
	 font-size: 8rem;
	 letter-spacing: .05rem;
}
@media all and (max-width: 900px) {
	 .sub-title h1 {
		 font-size: 6.75rem;
	}
	 .banner {
		 height: 300px;
	}
	.title {
	    font: 2.345rem 'League Gothic', sans-serif;
	}
}
@media all and (max-width: 450px) {
	.title img {
	    max-width: 90%;
	}
	.title {
	    font: 1.345rem 'League Gothic', sans-serif;
	}
	.sub-title h1 {
		font-size: 4rem;
	}
	.banner {
		height: 250px;
	}
}