body {
	font-family: 'Open Sans', serif;
	padding-top: 54px;
	color: #868e96
}

@media (min-width:992px) {
body {
	padding-top: 0;
	padding-left: 17rem
}
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Kanit', sans-serif;
	font-weight: 700;
	color: #343a40
}
h1 {
	font-size: 3.25rem;
	line-height: 4rem
}
h2 {
	font-size: 1.5rem;
}
h3 {
	font-size: 1rem
}
.subheading {
	font-weight: 500;
	font-family: 'Kanit', sans-serif;
	font-size: 1rem
}
.list-social-icons a {
	color: #495057
}
.list-social-icons a:hover {
	color: #044437
}
.list-social-icons a .fa-lg {
	font-size: 1.75rem
}
.list-icons {
	font-size: 3rem
}
.list-icons .list-inline-item i:hover {
	color: #044437
}
#sideNav .navbar-nav .nav-item .nav-link {
	font-weight: 600;
}

@media (min-width:992px) {
#sideNav {
	text-align: center;
	position: fixed;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	width: 17rem;
	height: 100vh
}
#sideNav .navbar-brand {
	display: flex;
	margin: auto auto 0;
	padding: .5rem
}
#sideNav .navbar-brand .img-profile {
	max-width: 10rem;
	max-height: 10rem;
	border: .5rem solid rgba(255,255,255,.2)
}
#sideNav .navbar-collapse {
	display: flex;
	align-items: flex-start;
	flex-grow: 0;
	width: 100%;
	margin-bottom: auto
}
#sideNav .navbar-collapse .navbar-nav {
	flex-direction: column;
	width: 100%
}
#sideNav .navbar-collapse .navbar-nav .nav-item {
	display: block
}
#sideNav .navbar-collapse .navbar-nav .nav-item .nav-link {
	display: block
}
}
section.resume-section {
	border-bottom: 1px solid #dee2e6;
	padding-top: 5rem!important;
	padding-bottom: 5rem!important
}
section.resume-section .resume-item .resume-date {
	min-width: none
}

@media (min-width:768px) {
section.resume-section {
	min-height: 100vh
}
section.resume-section .resume-item .resume-date {
	min-width: 18rem
}
}

@media (min-width:992px) {
section.resume-section {
	padding-top: 3rem!important;
	padding-bottom: 3rem!important
}
}
.bg-primary {
	background-color: #044437!important
}
.text-primary {
	color: #044437!important
}
.text-link {
	color: #dee2e6!important;
}
a {
	color: #044437
}
a:active, a:focus, a:hover {
	color: #824027
}