.base-info {
	align-content: right;
	letter-spacing: .1em;
	margin: 160px 20% 40px
}

.title {
	display: block;
	text-align: right;
	font-family: Montserrat;
	font-size: 1.68em;
	font-weight:700;
	margin-top: 48px
}

.bio {
	display: block;
	font-size: .94em;
	text-align: right;
	margin-top: 16px;
	letter-spacing: .1em
}

.avatar img {
	display: block;
	position: relative;
	left: calc(100% - 120px);
	height: 120px;
	width: 120px;
	border-radius: 50%
}

.self-des {
	margin: 20px 20%;
	font-size: .86em;
	letter-spacing: .15em
}

.divider {
	height: 0.5px;
	border-radius: 1px;
	background: #000;
	margin: 100px 20% 10px
}

.nav-tab {
	margin: 0 20%;
	text-align: right
}

.nav-tab li {
	margin: 0;
	display: inline-block
}

.nav-tab li+li::before {
	content: "/";
	margin: 0 20px;
	font-weight: 300;
	color: #000
}

.nav-tab a {
	font-size: .9em;
	font-weight:200;
	color: #000;
	text-decoration: none
}

.nav-tab a:hover {
	color: #fabe11
}

@media screen and (max-width:768px) {
	.base-info {
		align-content: right;
		letter-spacing: .1em;
		margin: 80px 6% 20px
	}

	.divider {
		margin: 100px 6% 10px
	}

	.nav-tab {
		margin: 0 6%;
		text-align: right
	}

	.nav-tab li+li::before {
		margin: 0 15px
	}
}

* ::selection {
	background: #fabe11
}

body,html {
	font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
	height: 100%
}

body {
	margin: 0;
	padding: 0;
	background: #fff;
	color: #000;
	font-weight: 300;
	font-size: 20px
}

.content-wrap {
	min-height: 100%
}

.content-main {
	padding-bottom: 80px;
	overflow: hidden
}