a.white-frame-button {
	display: block;
	box-sizing: border-box;
	width: 200px;
	max-width: 50%;
	margin: 2rem 0 1.5em;
	padding: 12px;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none !important;
	color: #efefef;
	font: 700 14px "Lato",sans-serif;
	letter-spacing: 0.1rem;
	border: 2px solid #efefef;
	-ms-transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
	transition: background-color 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
	cursor: pointer;
}

a.white-frame-button:hover,a.white-frame-button:focus {
	color: #fff;
	border-color: #fff;
}

#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.next {
	box-sizing: border-box;
	width: 47.5%;
	float: right;
	padding: 1rem 0;
	text-align: center;
}

#bottom-nav div.prev {
	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 > div.large-number-list {
	padding: 0;
}

.col > img:first-child + h2 {
	margin-top: 1rem;
}

.col .large-number-list > div:nth-child(2) {
	width: 80%;	
}

.col.green {
	padding: 1.75rem;
	background-color: #00795f;
	color: #fff;
}

.col.green a,div.green a {
	color: #fff;
}

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

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

.col.mobile-order3 {
	order: 3;
}

.col.wide > div.green.medium-text {
	margin: 1rem 0;
}

.col.wide > .flex-grid-halves.tight {
	margin-top: 0;
    padding: 0;
	border: none;
}

.col.wide > .flex-grid-halves:last-child,.col.wide > .flex-grid-golden-ratio:last-child,main > section.col.wide > p:last-child {
	margin-bottom: 1rem;
}

.desktop-copy {
	display: none;
}

div.green {
	margin-bottom: 1rem;
	padding: 0.5rem 1.75rem;
	background-color: #00795f;
	color: #fff;
}

.flex-grid-sidebar > .col.wide .full-width.green {
	margin-bottom: 1rem;
	padding: 1rem 1.75rem;
}

.flex-grid-golden-ratio .col > h3 {
	margin-top: 1rem;
}

.flex-grid-golden-ratio .col > h3:first-child {
	margin-top: 0;
}

.flex-grid-sidebar div.col.tight:nth-child(1) {
	margin-bottom: 0;
}

.flex-grid-sidebar div.col.tight:nth-child(2) {
	margin-top: 0;	
}

.flex-grid-golden-ratio,.col.wide > .flex-grid-halves {
	padding-top: 1rem;
}

.float-right {
	float: right;
	margin: 0 0 2rem 2rem;
}

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

.gray-box {
    display:  inline-block;
    margin: 16px 0;
    padding: 24px 32px;
    font-weight: bold;
    border-radius: 5px;
    background-color: #eee;
    overflow: hidden;
}

.gray-box > .folders {
    margin-left: -0.75rem;
}

.gray-box > :first-child {
    margin-top: 0;
}

.gray-box > :last-child,.gray-box ul li:last-child {
    margin-bottom: 0;
}

.gray-box ul.folders li:last-child {
    padding-bottom: 4px;
}

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

h2.dark-green,h2.green {
	font-size: 1.33rem;
	font-weight: 700;
}

h2.green {
	color: #00795f;
}

h2.green:first-child,h2.dark-green:first-child,h2.white:first-child {
	margin-top: 1rem;
}

h2.white {
	margin: 0.5rem 0 0;
	font-size: 1.33rem;
	font-weight: normal;
	color: #fff;
}

h2 + ul.folders {
	margin-top: 1.25rem; 
}

h3.green {
	margin: 0.5rem 0 0;
	font-size: 1rem;
	font-weight: normal;
	color: #00795f;
}

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

h3 + ul.folders {
	margin-top: 1.5rem;
}

h3 + ul.folders.border {
	margin-top: 0;
}

h4.green {
	color: #00795f;	
}

h4.green,h3.dark-green {
	font-size: 1.2rem;
}

hr.dark-green {
	display: none;
}

.icon-grid {
    width: 100%;
    margin: 32px 0 6px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: left;
}

.icon-grid a {
    display: flex; 
    flex-basis: calc(50% - 8px);  
    justify-content: center;
    flex-direction: column;
    max-width: 200px;
    margin-bottom: 16px;
}

.icon-grid a:nth-child(even) {
    margin-right: 0;
}

.icon-grid a:nth-child(odd) {
    margin-right: 16px;
}

.icon-grid a:hover {
    opacity: 85%;
}

.icon-grid a img {
    margin: 0;
    border-radius: 16px;
}

img.hero {
	margin-bottom: 1.5rem;
}

img.hero + .flex-grid-golden-ratio {
	margin-top: 0;
	padding-top: 0;
}

#interview-panel-split {
	margin-top: -1rem;
    padding-left: 2.65rem;
}

.large-number-list > div:nth-child(1) {
	display: inline-block;
	margin: 0 1.5rem 0 0;
	font-size: 2rem;
	font-weight: bold;
	color: #00795f;
}

.large-number-list > div:nth-child(2) {
	display: inline-block;
	width: 75%;
	vertical-align: top;
	padding-top: 0.25rem;
}

.large-number-list > div:nth-child(2) h5 {
	margin: 0;
	font-size: 1.2rem;
	text-decoration: none;
}

.large-number-list h3 {
	margin: 0;
}

.large-number-list p {
	margin-top: 0;
	overflow-wrap: break-word;
	word-wrap: break-word;
}

.large-text {
	font-size: 1.2rem;
}

.medium-text {
	font-size: 1rem;
}

p + ul.folders {
	margin-top: 2rem;
}

p.story {
	width: 90%;
    margin: 1rem auto;	
}

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

ul.folders {
	margin-bottom: 0;
	padding: 0;
	list-style-type: none;
}

ul.folders.border {
	margin: 0.5rem 0 0;
	padding: 1.5rem 1rem 0.5rem;
	border: solid 2px #00795f;
}

ul.folders li {
	padding: 0rem 0 1.25rem 2.25rem;
	background: url(../img/svg/folder.svg) no-repeat;
}

ul.folders li ul {
	margin-bottom: 0;
	padding: 0;
	list-style: none;
}

ul.folders li ul li {
	padding: 0.75rem 0 0;
	background: none;	
}

ul.folders.large-text li {
	padding: 0 0 0.75em 2.25rem;
}

ul.folders.single.border,ul.folders.single.border li {
	padding-bottom: 0.5rem;
}
	
ul.white-checkboxes {
	padding: 0;
	list-style-type: none;
}

ul.white-checkboxes li {
	padding: 0.25rem 0 0.5em 2.25rem;
	background: url(../img/svg/white-checkbox.svg) no-repeat;
}

@media (min-width: 350px) {
	a.white-frame-button {
		max-width: 55%;
	}
	
	#bottom-nav div.next {
		background: url(../img/svg/bottom-nav-next.svg) right 1.5rem top 3.75rem no-repeat;
	}
	
	#bottom-nav div.next.hover {
		background-image: url(../img/svg/bottom-nav-next-hover.svg);
		background-color: #94d500;
	}
	
	#bottom-nav div.next p {
		padding: 0 2rem 0 1rem;
	}
	
	#bottom-nav div.prev {
		padding: 1rem 0;
		background: url(../img/svg/bottom-nav-prev.svg) left 1.5rem top 3.75rem no-repeat;
	}
	
	#bottom-nav div.prev.hover {
		background-image: url(../img/svg/bottom-nav-prev-hover.svg);
		background-color: #94d500;
	}
	
	#bottom-nav div.prev p {
		padding: 0 1rem 0 3.25rem;
	}
}

@media (min-width: 450px) {
	#bottom-nav div.next {
		padding-right: 5%;
		background-position: right 2.5rem top 3.75rem
	}
	
	#bottom-nav div.prev {
		padding-left: 5%;
		background-position: left 2.5rem top 3.75rem
	}
	
	.col .large-number-list > div:nth-child(2) {
		width: 88.75%;	
	}
	
	.col .large-number-list.term-list > div:nth-child(1) {
		min-width: 100px;
	}
	
	.col .large-number-list.term-list > div:nth-child(2) {
		width: 80%;	
	}
	
	.col.wide > .flex-grid-halves {
		margin-top: 4rem;
   	    padding: 3rem 0 1rem;
		border-top: 1px solid #004f50;
	}
	
	.col.wide .flex-grid-halves.tight {
		padding-top: 0;
	}
	
	div.green {
		margin-bottom: 0;
	}
	
	.flex-grid-golden-ratio {
		margin-top: 4rem;
		padding-top: 3rem;
		border-top: 1px solid #004f50;
	}
	
	.flex-grid-golden-ratio.tight {
		margin-top: 1rem;
		padding-top: 1rem;
		border: none;
	}
	
	.flex-grid-sidebar > .col.wide div.large-number-list.full-width,div.large-number-list.full-width,div.large-number-list {
		width: 100%;
		margin: 0 0 0.25rem;
		padding: 0;
	}
	
	.flex-grid-sidebar > .col.wide .full-width.green {
		margin-bottom: 0;
	}
    
    .gray-box > .folders {
        margin-left: 0;
    }
    
    .gray-box > :first-child {
        margin-top: 0.5rem;
    }

    .gray-box > :last-child {
        margin-bottom: 0.5rem;
    }
	
	hr.dark-green {
		display: block;
		height: 1px;
		margin: 3rem 0;
		color: #004f50;
		background-color: #004f50;
	}
		
	.large-number-list.full-width {
		padding: 0;
	}
	
	.large-number-list > div:nth-child(2) {
		width: 85%;
	}
	
	.large-text {
		font-size: 1.33rem;
	}
	
	.medium-text {
		font-size: 1.22rem;
	}
	
	p + h2div.col.full-width.green {
		margin-top: 2.5rem;
	}
}

@media (min-width: 600px) {
	div.youtube-container.in-list {
		margin: 0.25rem 0 1.5rem 3rem;
	}
    
    .icon-grid a:nth-child(even),.icon-grid a:nth-child(odd) {
        flex-basis: 25%;
        margin-right: 16px;
    }
    
    section .icon-grid a:last-child {
        margin-right: 0;
    }
}

@media (min-width: 800px) {
	#bottom-nav a {
		padding: 2rem 0;
	}
	
	#bottom-nav a {
		font-size: 1.5rem;
	}
	
	#bottom-nav div.next {
		text-align: right;
	}
	
	#bottom-nav div.prev {
		text-align: left;
	}
	
	.col > img:first-child + h2 {
		margin-top: 0;
	}
	
	.col.mobile-order1,.col.mobile-order2,.col.mobile-order3 {
		order: 0;
	}
	
	.col.wide > .flex-grid-halves:last-child,.col.wide > .flex-grid-golden-ratio:last-child,main > section.col.wide > p:last-child {
		margin-bottom: 2rem;
	}
	
	.col.wide > .flex-grid-halves.no-bottom-padding {
		padding-bottom: 0;
	}
	
	.desktop-copy {
		display: inline;
	}
	
	.desktop-copy.block {
		display: block;
	}
	
	.flex-grid-golden-ratio .col > h3:not(:first-child) {
		margin-top: 2rem;
	}
	
	h2.green:first-child,h2.dark-green:first-child,h2.white:first-child {
		margin-top: 0;
	}
	
	h4.green {
		margin: 0 0 1.25rem;
	}
	
	main img.hero {
		margin-bottom: 2.25rem;
	}
	
	.mobile-copy {
		display: none;
	}
	
	p.roomy-bottom {
		padding-bottom: 1rem;
	}
	
	p.tight {
		margin-top: 0;
	}
}

@media (min-width:1150px) {
	#bottom-nav a {
		font-size: 1.85rem;
	}
	
	#bottom-nav div.next {
		padding-right: 5%;
		background-position: right 2.5rem top 4.25rem
	}
	
	#bottom-nav div.prev {
		padding-left: 5%;
		background-position: left 2.5rem top 4.25rem;
	}
    
    .full-width .flex-grid-halves .col {
		padding: 0;
	}
	
	h2.dark-green,h2.green {
		font-size: 1.65rem;
	}
}

@media (min-width:1200px) {
    .icon-grid a:nth-child(even),.icon-grid a:nth-child(odd) {
        flex-basis: calc(20% - 16px);
        margin-right: 20px;
    }
}

@media (min-width:1600px) {
	#bottom-nav div.next {
		padding-right: 0;
		text-align: center;
		background-position: right 12.5rem top 4.25rem;
	}
	
	#bottom-nav div.prev {
		padding-left: 0;
		text-align: center;
		background-position: left 12.5rem top 4.25rem;
	}
}

@media (min-width:1900px) {
	#bottom-nav div.next {
		background-position: right 14rem top 4.25rem;
	}
	
	#bottom-nav div.prev {
		background-position: left 14rem top 4.25rem;
	}
}