html {
	scroll-behavior: smooth;
}
ol {
    padding-left: 18px;
}
ul {
    padding-left: 18px;
}
li {
	margin-bottom: 2vh;
}
h1 {
	line-height: 1.3;
}
.img-bigthumb {
	width: 80vw;
	position: relative;
	left: -5vw;
}
.img-smallthumb {
	width: 65vw;
	margin-top: 5vh;
	margin-bottom: 5vh;
}
#to-top {
	position: fixed;
	top: 85vh;
	right: 5vw;
	opacity: 0;
	transition: all .3s;
	z-index: 9999;
	background-color: white;
	border: 1px solid black;
	padding: 10px;
	padding-bottom: 15px;
	padding-top: 15px;
	display: flex;
	flex-direction: column;
	align-items: center;
	font-weight: bold;
}
#to-top:hover {
	cursor: pointer;
	top: 83vh;
}
#eaf-body {
	width: 70vw;
	margin-right: auto;
	margin-left: auto;
	line-height: 1.7;
	margin-bottom: 180px;
	font-size: 18px;
}
.eaf-intro {
	margin-bottom: 12vh;
}
#eaf-title {
	margin-top: 40px;
	font-size: 80px;
	margin-bottom: 20px;
	text-align: center;
}
.eaf-intro h3 {
	color: gray;
	margin-bottom: 0px;
	margin-top: 10px;
}
.eaf-intro p {
	margin-bottom: 4vh;
}
.eaf-introheader {
	margin-bottom: 10vh;
}
.eaf-introheaderchunk {
	margin-top: 5vh;
	display: flex;
	flex-wrap: wrap;
}
.eaf-introheaderchunk div {
	margin-bottom: 1vh;
}
.eaf-section h1 {
	line-height: 1.3;
	font-size: 55px;
	margin-bottom: 0px;
}
.eaf-section .underline {
	padding: 7px;
	background-color: lightgray;
}

.eaf-focus {
	margin-bottom: 30vh;
}
.eaf-focus h1 {
	font-size: 45px;
}
.eaf-role h2 {
	font-size: 35px;
	margin-bottom: 0px;
}
.eaf-initial {
	margin-top: 17vh;
	margin-bottom: 17vh;
}
.eaf-initial h2 {
	font-size: 35px;
	margin-bottom: 0px;
}
.eaf-initial h3 {
	color: gray;
	font-style: italic;
	margin-top: -5px;
	margin-bottom: 5vh;
}
.eaf-final h2 {
	font-size: 35px;
	margin-bottom: 0px;
}
.eaf-final h3 {
	color: gray;
	font-style: italic;
	margin-top: -5px;
	margin-bottom: 5vh;
}
.eaf-section {
	margin-bottom: 37vh;
}
.eaf-reflecting h2 {
	font-size: 50px;
	margin-bottom: 0px;
}
.eaf-reflecting h3 {
	font-size: 30px;
	margin-bottom: 0px;
}
.eaf-reflecting div {
	margin-top: 8vh;
}
.detail-flex {
	display: flex;
	flex-direction: row;
}
.detail-flex div {
	margin-right: 3vw;
}
.detail-flex img {
	height: 60vh;
	position: relative;
	top: 30px;
}
.detail-flex h4 {
	margin-bottom: -5px;
}
.eaf-prevlink {
	width: 170px;
	display: flex;
	flex-direction: row;
	align-items: center;
	position: relative;
	top: -6vh;
	font-size: 20px;
}
.eaf-prevlink div {
	margin-left: 5px;
	text-align: left;
}
.eaf-nextlink {
	width: 170px;
	display: flex;
	flex-direction: row;
	align-items: center;
	position: relative;
	left: 50vw;
	top: -15vh;
	font-size: 20px;
}
.eaf-nextlink:hover {
	cursor: pointer;
}
.eaf-nextlink div {
	margin-right: 5px;
	text-align: right;
}
.fa-angle-right {
	font-size: 100px;
	transition: all 0.5s;
}
footer {
	text-align: center;
}
.footer-links {
	display: flex;
	justify-content: space-around;
	width: 20vw;
	margin-bottom: 8px;
}

@media screen and (min-width: 768px) {
	#eaf-body {
		width: 50vw;
	}
	#eaf-title {
		margin-top: 60px;
	}
	.eaf-introheader {
		margin-bottom: 5vh;
		width: 40vw;
		margin-right: auto;
		margin-left: auto;
	}
	.eaf-introheaderchunk div {
		width: 15vw;
		margin-right: 5vw;
		margin-bottom: 5vh;
	}
	.eaf-introheader h3 {
		text-align: center;
	}
	.img-bigthumb {
		margin-bottom: 3vh;
		left: -15vw;
	}
	.img-smallthumb {
		width: 50vw;
	}
	.detail-flex img {
		height: 40vh;
	}
	.eaf-section {
		margin-bottom: 29vh;
	}
	.eaf-section h1 {
		font-size: 70px;
	}
	.eaf-focus {
		display: flex;
		margin-bottom: 25vh;
	}
	.eaf-focus h1 {
		font-size: 60px;
		margin-right: 7vw;
	}
	.eaf-role h2 {
		font-size: 45px;
	}
	.eaf-initial {
		margin-top: 10vh;
		margin-bottom: 20vh;
	}
	.eaf-initial h2 {
		font-size: 50px;
	}
	.eaf-final h2 {
		font-size: 50px;
	}
	.eaf-reflecting h2 {
		font-size: 70px;
	}
	.eaf-prevlink {
		left: 15vw;
	}
	.homeflex {
		display: flex;
	}
	.homeflex div {
		flex-grow: 1;
		margin-right: 3vw;
	}
	.homeflex img {
		flex-grow: 1;
		width: 25vw;
	}
	#img-homefinal {
		margin-bottom: 3vh;
	}
	#newprof {
		width: 50vw;
		position: static;
	}
	.profile-flex {
		display: flex;
	}
	.profile-flex div{
		margin-right: 3vw;
	}
	.profile-flex img {
		width: 25vw;
		position: relative;
		top: -3.5vh;
	}
	
}