body.home #page {
	background: #fff;
}

body.home #masthead {
	background: #000;
	min-height: 100px;
	padding-bottom: 100px;
}


.home-sections h1 {
	font-size: 1.5rem;
	padding-left: 20px;
}

.home-sections h3 {
	font-size: .9rem;
	color: #ddd;
}

/* Heros */
.home-sections .home-hero {
	color: #fff;
	padding: 9vw 0;
}

.home-sections .home-hero#home-hero-1 {
	font-size: 1.5rem;
	line-height: 1.3;
	padding:  20vh 3vh 10vh 3vh;
}

.home-sections .home-hero#home-hero-2 {
	background: #d1f4f6;
	color: #270043;
	font-size: 1.5rem;
	line-height: 100%;
	padding: 10vh 2vh 40vh 2vh;
	position: relative;
}

.home-sections .home-hero#home-hero-2>img {
	bottom: 0;
	left: 0;
	position: absolute;
	z-index: 5;
	height: auto;
	width: 100%;
}

.home-sections .home-hero#home-hero-2 .container {
	max-width: calc(100% - 4vh);
	z-index: 10;
	position: absolute;
}

.home-sections .home-hero#home-hero-2 i {
	font-size: .75rem;
	line-height: 10% !important;
	padding-top: 2vh;
}

/* Heros: Hero 3 (split, links) */
.home-sections .home-hero#home-hero-3 {
	font-size: 1.5rem;
	font-weight: bold;
	padding-top: 0 !important;
	text-align: left;
}

.home-sections .home-hero#home-hero-3 .hero-item {
	height: 100%;
	position: relative;
}

.home-sections .home-hero#home-hero-3 .hero-item a {
	height: 300px;
	display: block;
	text-decoration: none;
}

.home-sections .home-hero#home-hero-3 .hero-item .hero-inner {
	max-width: 80%;
	position: absolute;
}

.home-sections .home-hero#home-hero-3 .hero-item .hero-img img {
	height: 100%;
	left: 0;
	object-fit: cover;
	position: absolute;
	width: 100%;
	top: 0;
}


.home-sections .home-hero#home-hero-3 a {
	color: #000;
	display: block;
	text-decoration: none;
	padding: 5vh 5vw 40vw 5vw;
}

.home-sections .home-hero#home-hero-3 a .learnmore {
	font-size: .7rem;
	text-transform: uppercase;
	font-weight: bold;
	margin-top:  -15px;
}

/* Map */

.home-sections #home-map {
	background: #000;
	color: #fff;
	text-align: center;
	width: 100%;
}

/* Grassroots Portfolio */
.home-sections #home-portfolio {
	background: #fff;
	padding: 20px 0;
	font-family: 'Bebas Neue', sans-serif;
	overflow: scroll;
	width: 100%;
}

.home-sections #home-portfolio .row {
	width: 250vw;
}

.home-sections #home-portfolio h2 {
	font-size: 2rem;
	text-transform: uppercase;
}

.home-sections #home-portfolio .portfolio-item {
	border-left: 2px solid #000;
	font-family: 'Work Sans', sans-serif;
	letter-spacing: 0px;
}

.home-sections #home-portfolio a {
	color: #000;
	text-decoration: none;
}

.home-sections #home-portfolio a .number {
	font-size: 4rem;
	text-align: right;
}

.home-sections #home-portfolio a h4 {
	font-size: .9rem;
	text-transform: uppercase;
	padding-top: 10px;
}

/* Stats */
.home-sections #home-stats {
	color: #000 !important;
	font-size: 1.2rem;
	text-align: center;
	text-transform: none;
	font-weight: bold;
}

.home-sections #home-stats a {
	color: #fff;
	display: block;
	text-decoration: none;
	padding: 30vw 5vw;
}

.home-sections #home-stats h1 {
	font-size: 3.5rem;
	font-weight: bolder;
}

/* MOBILE: Stats Scroll */
@media screen and (max-width: 991px) {
	.home-sections #home-stats {
		margin: -20px -10px -10px -10px;
		position: relative;
		width: 100%;
		height: 60vh;
		padding: 10px;
	}
	
	.home-sections #home-stats .stat {
		position: absolute;
		top: 10px;
		left: 10px;
		right: 10px;
		bottom: 10px;
		padding: 0 25px;
	}
	
	.home-sections #home-stats .stat-nav a {
		font-size: 2rem;
		position: absolute;
		top: 25vw;
	}

	.home-sections #home-stats .stat-nav a.next {
		right: 0;
	}
}

.home-sections #home-stats a h2 {
	font-weight: bold;
	font-size: 2rem !important;
	margin-bottom: 40px;
}

.home-sections #home-stats a .learnmore {
	font-size: .95rem;
}

.home-sections #home-stats a p.period {
	margin-bottom: 0;
}

/* Topics */
.home-sections #home-topics {
	padding: 0;
	background: #fff;
	overflow: scroll;
	text-align: center;
	width: 100%;
}

.home-sections #home-topics .container-fluid {
	padding-left: 0;
	padding-right: 0;
}

.home-sections #home-topics h3 {
	color: #666;
}

.home-sections #home-topics a {
	color: #000;
	display: block;
	padding: 8vw 2vw;
	height: 100%;
	text-decoration: none;
}

.home-sections #home-topics a:hover {
	background: #fff url('../images/gradients/Gradient-19.jpg') no-repeat right top;
	background-size: cover;
}

.home-sections #home-topics a h3 {
	text-transform: uppercase;
	padding-top: 20px;
}

.home-sections #home-topics a img {
	max-width: 50%;
}

.home-sections #home-topics a p {
	font-size: 1.25rem;
	margin-bottom: 0;
}

.home-sections #home-topics .row {
	width: 220vw;
}

.home-sections #home-topics .row>div {
	padding: 0 !important;

}

/* DESKTOP */
@media screen and (min-width: 992px) {
body.home #masthead {
	background: #000;
	padding-bottom: 0;
}



/* DESKTOP: Heros */
.home-sections .home-hero#home-hero-1 {
	font-size: 3.5rem;
	letter-spacing: 2px;
}

.home-sections .home-hero#home-hero-2 {
	background-size: cover;
	font-size: 2.5rem;
	line-height: 110%;
	padding-top: 15vh;
	margin-bottom: 0vh !important;
	padding-bottom: 600px;
}

.home-sections .home-hero#home-hero-3 {
	font-size: 3rem;
	margin-top: 0;
}

.home-sections .home-hero#home-hero-3 .hero-item a {
	height: 600px;
} 

/* DESKTOP: Stats */
.home-sections #home-stats {
	font-size: 1.8rem;
}

.home-sections #home-stats h1{
	font-size: 5.5rem;
	padding: 3.3rem 1rem;
	font-weight: bolder;
}

.home-sections #home-portfolio a h4
{
	font-size:  1rem;
}


/* DESKTOP: Topics */
.home-sections #home-topics {
	padding: 0;
	overflow: visible;
	text-align: left;
}

.home-sections #home-topics a {
	padding: 10vw 2vw;
}

.home-sections #home-topics a img {
	max-width: 100%;
}


.home-sections #home-topics a p {
	font-size: 1.25rem;
}

.home-sections #home-topics .row {
	width: auto;
}

/* DESKTOP: Portfolio */
.home-sections #home-portfolio .row {
	width: 150vw;
}

.home-sections #home-portfolio h2 {
	font-size: 3.8rem;
}

.home-sections #home-portfolio .portfolio-item {
	padding: 10px;
	width: 200px;
}

}

/* WIDE DESKTOP */
@media screen and (min-width: 1280px) {

	/* hero 2 background */
	.home-sections .home-hero#home-hero-2 {
		padding-bottom: 50vw;
		font-size: 3rem;
	}

	.home-sections #home-portfolio h1 {
		font-size: 5.5rem;
		padding-left: 50px;
	}

	.home-sections .home-hero#home-hero-2 i{
	font-size: 1rem;
	}

	.home-sections .home-hero#home-hero-3 a {
		padding: 4vw 5vw 40vw 5vw;
	}

	.home-sections .home-hero#home-hero-3 a .learnmore {
		font-size: 1.5rem;
	}



	.home-sections #home-portfolio {
		padding: 8vw 0;
	}

	.home-sections #home-portfolio .portfolio-item {
		border-left: 2px solid #000;
		padding:  20px 75px 20px 20px;
		width:  23vw;
	}
		
	.home-sections #home-topics a p {
		font-size: 1.8rem;
	}

	/*Stats */
	.home-sections #home-stats {
	font-weight: normal !important;
	}

	.home-sections #home-stats a {
	padding: 10vw 5vw;.home-sections #home-stats a {
	}


}