.newline {
	clear: both;
}


.container h2 {
	font-size: 1.8em;
	color: #B1C1FC;
	text-shadow: 1px 1px 3px #3F6EA6;
}

.container h3 {
	font-size: 1.4em;
	color: #768693;
}

.centered {
	text-align:center;
}

.thanks {
	color: #3F6EA6;
	text-shadow: 2px 2px 4px #B1C1FC;
}

.bg-box {
	height: 240px;
	background-size:cover;
	background-position:center;
	background-attachment:fixed;
	position:relative;
}

.bg-box>div {
	max-height:calc(100% - 100px);
	/*max-width:calc(100% -100px);*/
	width:100%;
	position:absolute;
	top:40%;
	left:50%;
	transform:translate(-50%, -50%);
}

.bg-box h1 {
	font-size: 4em;
	font-weight: bold;
	color:#eeeeee;
	text-shadow: 5px 5px 8px #222222;
}


.flex-parent {
	display:-webkit-flex;
	display:flex;
	flex-wrap: wrap;
}

.flex-child {
	flex:1 1 auto;
}

.flex-none {
	flex:none;
}

.nav {
	height: 60px;
	text-align: center;
	font-size: 1.6em;
	font-weight: bold;
}

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

.nav li {
	display:inline-block;
	margin: 2%;
	padding: 1%;
	border-bottom: solid 5px #B1C1FC;
}
.nav a {
	display:block;
	color: #3F6EA6;
	text-decoration:none;
}

.nav a:hover {
	color: #E45755;
}

.nav li:hover {
	border-bottom: solid 5px #3F6EA6;
}

.who-i-am, .my-story, .hobbies {
	padding: 20px 0;
	display: flex;
	align-items: center;
}

.who-i-am img,
.my-story img,
.hobbies img {
	width: 100%;
}

.content {
	padding: 20px;
}

.sub-image img {
	width: 100%;
	padding: 20px;
}

.who-i-am h4 {
	text-align: center;
}

.who-i-am .mail-link {
	color: #3F6EA6;
}

.who-i-am .mail-link:hover {
	color: #E45755;
}

.who-i-am button {
    height: 100%;
    max-height: 40px;
    line-height: 40px;
    background-color: rgba(228, 87, 85, 0.5);
    border: solid 1px #E45755;
    border-radius: 5px;
    font-weight: bold;
    padding: 0px 15px;
    margin: 10px auto;
    letter-spacing: .2em;
    font-size: .9em;
    color: #3F6EA6;
    display: flex;
  	justify-content: center;
  	cursor: pointer;
}

.sub-image p {
	text-align: center;
	padding-bottom: 20px;
}

.goTop {
	color: #3F6EA6;
}

@media (max-width:800px) {
	
	.who-i-am, .my-story, .hobbies {
		display: inline-block;
	}
}