body {
  padding: 0;
  margin: 0;
  background-color: #ffffff;
  background-image: url("bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  width: 100vw;
	overflow-x: hidden;
  height: 100vh;
	font-family: Poppins, gotham, Montserrat, sans-serif;
  color: #141006;
	  opacity: 1;
  transition: 1s opacity;
}
body.fade-out {
  opacity: 0;
  transition: none;
}
#hero {
  height: 90vh;
  overflow: hidden;
  position: relative;
}
.topthing {
	width: 50%;
	height: 90vh;
	box-shadow: 2px 0px 10px #000000;
}
.thispass {
	font-size:0.4em;
}
.smallerstuff {
	font-size:0.6em;
}
#content {
  background-color: #aee0e8;
}

.layer {
  background-position: bottom center;
  background-size: auto;
  background-repeat: no-repeat;
  width: 100%;
  height: 100vh;
  position: fixed;
  z-index: -2;
}

#hero-mobile {
  display: none;
  background-color: #aee0e8;
  height: 320px;
}

.first-section {
  padding: 50px 0 20px 0;
	background-color: #aee0e8;
	font-family: gotham, Montserrat, sans-serif;
	color: #141006;
}

.text-header {
  font-size: 50px;
  text-align: center;
}



#hero,
.layer {
	min-height: 480px;
  height: 90vh;
}

.layer-bg {
  background-color: #aee0e8;
}

.layer-1 {
  background-size: cover;
}

.layer-2 {
  background-size: cover;
}

.layer-3 {
  background-image: url("http://learn.neighborhoodtrust.org/scratch/transformation/img3/trianglebot.png");
  background-size: cover;
}

.layer-4 {
  background-image: url("http://learn.neighborhoodtrust.org/scratch/transformation/img3/trianglemid.png");
  background-size: cover;
}

.layer-overlay {background-image: url("http://learn.neighborhoodtrust.org/scratch/transformation/img3/triangletop.png");
  width: 100%;
	background-position: left top;
	background-size: cover;
	z-index: -1;
}
.outer {
	height: 100vh;
	display: flex;
	align-items: center;
}
.white-bg {
	background-color:rgba(255,255,255,0.70);
	padding: 40px;
	font-family: gotham, Montserrat, sans-serif;
	color: #141006;
	width: 100%;
}
.white-head {
	font-size: 32px;
}
.white-bull {
	font-size: 24px;
	font-weight: bold;
}
.redthing {
	color: #EF3E42 !important;
}
a {
	color: #ffffff;
}
a:hover {
	color: #bbffff;
}
a:active {
	color: #55ffff;
}
a:visited {
	color: #ffffff;
}