#bottom-nav {
	background-color: #00795f;
}

#bottom-nav:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

#bottom-nav a {
	font-size: 1.25rem;
	text-decoration: none !important;
	color: #94d500;
}

#bottom-nav > div {
	cursor: pointer;
}

#bottom-nav div.email-alerts {
	box-sizing: border-box;
    width: 47.5%;
	float: right;
	padding: 1rem 1.75rem 1rem 0;
    text-align: center;
}

#bottom-nav div.job-openings {
	box-sizing: border-box;
    width: 47.5%;
	float: left;
	padding: 1rem 0 1rem 1.75rem;
	text-align: center;
}

#bottom-nav div.hover {
	background-color: #94d500;
}

#bottom-nav div.hover a {
	color: #333;	
}

#bottom-nav div.hover p span {
	color: #004f50;
}

#bottom-nav p {
	display: inline-block;
	padding: 0;
	text-align: left;
	line-height: 1.5;
}

#bottom-nav p span {
	text-transform: uppercase;
	color: #fff;
}

.col.mobile-order1 {
	order: 1;
}

.col.mobile-order2 {
	order: 2;
}

.col.narrow > img {
	max-width: 90%;
}

.featured-content {
	box-sizing: border-box;
    width: 100%;
    padding: 1.75rem 1.75rem 0;
}

.flex-grid-halves.content-container > .col.diversity-col {
	padding: 0;
}

.flex-grid-halves.content-container > .col.diversity-col > div {
	padding: 0 1.75em 1rem;
}

.flex-grid-halves.content-container > .col.diversity-col.mobile-order1 h2.dark-green {
	margin-top: 0.5rem;
}

.flex-grid-halves.content-container > .col.diversity-col.mobile-order1 {
	padding: 0;
}

.flex-grid-halves.content-container > .col.diversity-col > div .youtube-container {
	margin: 0.25rem 0 1.5rem;
}

.full-width-container {
	box-sizing: border-box;
	width: 100vw;
	max-width: 100%;
}

.full-width-container.light-green {
	padding-top: 1.75rem;
	background-color: #eef0eb;
}

.full-width-container > .content-container > .video-grid {
	padding-bottom: 1rem;
}

.full-width-container > .content-container > .video-grid .youtube-container p {
	background-color: #004f50;
}

h2.green,h2.dark-green {
	max-width: calc(100vw - 3.5rem);
	margin: 1.75rem auto 0;
	font-size: 1.33rem;
	font-weight: normal;
}

h2.green {
	color: #00795f;	
}

h2.green:first-child {
    margin-top: 1.75rem;
}

h2.dark-green {
	color: #004f50;
}

.hero-container {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	overflow: hidden;
	z-index: 0;
}

.hero-container.top {
	display: flex;
    justify-content: center;
    flex-direction: column;
}

.hero-container > div {
	position: absolute;
	right: 0;
	width: 45%;
	padding: 0.75rem;
	background-color: rgba(255,255,255,0.425);
}

.hero-container > div h1 {
	margin: 0 0 0.125rem;
	line-height: 1.33;
	font-size: 0.7rem;
}

.hero-container > div p {
	margin: 0;
	font-weight: 700;
}

.hero-container > div p:nth-of-type(1) {
	font-size: 0.62rem;
}

.hero-container > div p:nth-of-type(2) {
	font-size: 0.62rem;
	line-height: 1.35;
}

.hero-container > img {
	width: 100%;
	min-width: 500px;
	margin: 0 0 -0.275rem -4%;
}

.light-green .flex-grid-halves .flex-grid-halves.content-container > .col.diversity-col > div > h2 {
	margin-top: 0;
}

main.full-width > div.content-container {
	box-sizing: border-box;
	padding: 2.5rem 1.75rem;
}

.relative {
	position: relative;
	z-index: 1;
}

@media (min-width: 350px) {
	.hero-container > div {
		width: 50%;
	}
    
    .hero-container > div h1 {
		font-size: 0.8rem;
	}
	
	.hero-container > div p:nth-of-type(1) {
		font-size: 0.7rem;
	}
	
	.hero-container > div p:nth-of-type(2) {
		font-size: 0.7rem;
	}
	
	.hero-container > img {
		width: 100%;
		min-width: 555px;
	}
}

@media (min-width: 400px) {
	.hero-container > img {
		margin: 0 0 -0.275rem;
	}
}

@media (min-width: 450px) {
	div.featured-content {
		width: 87.5%;
    	max-width: 1250px;
		margin: 0 auto;
		padding: 2rem 0 0;
	}
	
	.flex-grid-halves.content-container > .col.diversity-col > div > p:first-child {
		max-width: 60rem;
		margin-top: 0.25rem;
	}
	
	.flex-grid-halves.content-container > .col.diversity-col > div {
		padding: 0 0 1rem;
	}
	
	.full-width-container.light-green {
		padding: 2rem 0 0;
	}
	
	.flex-grid-halves.content-container > .col.diversity-col.mobile-order1 > div {
		padding: 0 0 1rem;
	}
	
	h2.green,h2.dark-green {
		font-size: 1.65rem;
	}
	
	.hero-container > div h1 {
		font-size: 1rem;
	}
	
	.hero-container > div p:nth-of-type(1) {
		font-size: 0.88rem;
	}
	
	.hero-container > div p:nth-of-type(2) {
		font-size: 0.67rem;
		line-height: 1.66;
	}
	
	.light-green .flex-grid-halves .flex-grid-halves.content-container > .col.diversity-col > div > h2 {
		margin-top: 1rem;
	}
}

@media (min-width: 575px) {
	.hero-container > div {
		right: 5%;
		padding: 0;
		text-shadow: 0 0 2.5rem rgba(255,255,255,0.75);
		background: none;
	}
}

@media (min-width: 650px) {
	.content-container > h1 + .our-people.video-grid,.content-container > h2 + .our-people.video-grid {
		margin-top: 0;
	}
	
	h2#day-in-the-life {
		padding: 0.5rem 1rem 0;
	}
}

@media (min-width: 750px) {
	#bottom-nav div.email-alerts {
		background: url(../img/svg/email-alerts.svg) left calc(12% - 1rem) center no-repeat;
		background-size: auto 50%;
	}
	
	#bottom-nav div.email-alerts.hover {
		background-image: url(../img/svg/email-alerts-hover.svg);
		background-color: #94d500;
	}
	
	#bottom-nav div.job-openings {
		background: url(../img/svg/job-openings.svg) left 12% center no-repeat;
		background-size: auto 50%;
	}
	
	#bottom-nav div.job-openings.hover {
		background-image: url(../img/svg/job-openings-hover.svg);
		background-color: #94d500;
	}
	
	.hero-container > div h1 {
		font-size: 1.25rem;
	}
	
	.hero-container > div p:nth-of-type(1) {
		font-size: 1.11rem;
	}
	
	.hero-container > div p:nth-of-type(2) {
		font-size: 0.83rem;
	}
}

@media (min-width: 800px) {
	#bottom-nav a {
		padding: 2rem 0;
	}
	
	#breadcrumbs {
		position: absolute;
		top: 108px;
		width: 100%;
		max-width: none;
		margin: 0;
		padding: 0;
	}
	
	#breadcrumbs div {
		width: 87.5%;
    	max-width: 1500px;
		margin: 0 auto;
	}
	
	div.featured-content {
		padding: calc(2.5rem + 42px) 1.75rem 0;
	}
	
	.flex-grid-halves.content-container > .col.diversity-col > div .youtube-container {
		margin: 0 0 2rem;
	}
	
	.flex-grid-halves.content-container > .col.diversity-col:first-child > div {
		padding: 0.5rem 1.5rem 1.5rem;
	}
	
	.flex-grid-halves.content-container > .col.diversity-col > div,.flex-grid-halves.content-container > .col.diversity-col.mobile-order1 > div {
		padding: 0 1.5rem 1.5rem;
	}
	
	.full-width .flex-grid-halves .col {
		padding: 2rem 0 1rem;
	}
	
	.light-green .flex-grid-halves.content-container > .col.diversity-col:first-child > div {
		padding: 0 1rem 1.5rem 1.5rem;
	}
	
	.light-green .flex-grid-halves.content-container > .col.diversity-col.mobile-order1 h2.dark-green {
		margin-top: 0.5rem;
	}
	
	h4.green {
		margin: 0 0 1.25rem;
	}
	
	.hero-container {
		top: 42px;
	}
	
	.hero-container > div {
		width: 45%;
	}
	
	.hero-container > div h1 {
		font-size: 1.375rem;
	}
	
	.hero-container > div p:nth-of-type(1) {
		font-size: 1.22rem;
	}
	
	.hero-container > div p:nth-of-type(2) {
		font-size: 0.92rem;
	}
}

@media (min-width: 900px) {
	#bottom-nav a {
		font-size: 1.5rem;
	}
	
	.hero-container > div h1 {
		font-size: 1.6rem;
	}
	
	.hero-container > div p:nth-of-type(1) {
		font-size: 1.42rem;
	}
	
	.hero-container > div p:nth-of-type(2) {
		font-size: 1.07rem;
	}
}

@media (min-width: 1000px) {
	#bottom-nav div.email-alerts {
		background-position: left calc(15% - 1rem) center;
	}
	
	#bottom-nav div.job-openings {
		background-position: left 15% center;
	}
	
	.col.mobile-order1,.col.mobile-order2 {
		order: 0;
	}
	
	.content-container > h1 + .our-people.video-grid,.content-container > h2 + .our-people.video-grid {
		margin-top: 1rem;
	}
	
	.flex-grid-halves.content-container > .col.diversity-col > div {
		padding: 2.5rem 0 1.5rem;
	}
	
	.flex-grid-halves.content-container > .col.diversity-col > div .youtube-container {
		margin: 1rem 0 2rem;
	}
	
	.full-width-container > .content-container > .video-grid {
		padding-bottom: 2.5rem;
	}
	
	h2.green:first-child,h2.dark-green:first-child {
		margin-top: 2rem;
	}
	
	.light-green .flex-grid-halves.content-container > .col.diversity-col > div {
		padding: 1rem 0 1.5rem;
	}
	
	.light-green .flex-grid-halves.content-container > .col.diversity-col.mobile-order1 h2.dark-green {
		margin-top: 3rem;
	}
}

@media (min-width:1150px) {
	#bottom-nav a {
		font-size: 1.85rem;
	}
	
	.col.narrow > img {
		max-width: 100%;
	}
}

@media (min-width:1300px) {
	#bottom-nav div.email-alerts {
		background-position: left calc(18% - 0.5rem) center;
	}
	
	#bottom-nav div.job-openings {
		background-position: left 18% center;
	}
}

@media (min-width: 1350px) {
	div.featured-content {
		width: 87.5%;
		max-width: 1250px;
		margin: 0 auto;
		padding: calc(2.5rem + 42px) 0 0;
		text-align: left;
		background: none;
	}
	
	div.featured-content a {
		margin: 0 0.5rem 0 1.5rem;
	}
	
	.hero-container > div {
		width: 42.5%;
	}
	
	.hero-container > div h1 {
		font-size: 1.75rem;
	}
	
	.hero-container > div p:nth-of-type(1) {
		font-size: 1.56rem;
	}
	
	.hero-container > div p:nth-of-type(2) {
		font-size: 1.17rem;
	}
}

@media (min-width:1600px) {
	#bottom-nav div.email-alerts {
		background-position: left calc(27.5% - 0.5rem) center;
	}
	
	#bottom-nav div.job-openings {
		background-position: left 27.5% center;
	}
	
	.hero-container > div h1 {
		font-size: 2rem;
	}
	
	.hero-container > div p:nth-of-type(1) {
		font-size: 1.78rem;
	}
	
	.hero-container > div p:nth-of-type(2) {
		font-size: 1.33rem;
	}
}

@media (min-width:1900px) {
	.hero-container > div h1 {
		font-size: 2.4rem;
	}
	
	.hero-container > div p:nth-of-type(1) {
		font-size: 2.13rem;
	}
	
	.hero-container > div p:nth-of-type(2) {
		font-size: 1.6rem;
	}
}