@font-face {
	font-family: 'FontAwesome';
	src: url('fonts/fontawesome-webfont.eot');
	src: url('fonts/fontawesome-webfont.eot?v=4.7.0');
	src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype');
	src: url('fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2');
	src: url('fonts/fontawesome-webfont.woff?v=4.7.0') format('woff');
	src: url('fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype');
	src: url('fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
body {
	font-family: Muli, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	padding-top: 54px;
	color: #868e96
}

@media (min-width:992px) {
body {
	padding-top: 0;
	padding-left: 17rem
}
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Saira Extra Condensed', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	font-weight: 700;
	text-transform: uppercase;
	color: #343a40
}
h1 {
	font-size: 6rem;
	line-height: 5.5rem
}
h2 { font-size: 3.5rem }
h3 { font-size: 2rem }
p.lead {
	font-size: 1.15rem;
	font-weight: 400
}
.subheading {
	text-transform: uppercase;
	font-weight: 500;
	font-family: 'Saira Extra Condensed', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	font-size: 1.5rem
}
.social-icons a {
	display: inline-block;
	height: 3.5rem;
	width: 3.5rem;
	background-color: #495057;
	color: #fff!important;
	border-radius: 100%;
	text-align: center;
	font-size: 1.5rem;
	line-height: 3.5rem;
	margin-right: 1rem
}
.social-icons a:last-child { margin-right: 0 }
.social-icons a:hover { background-color: #bd5d38 }
.dev-icons { font-size: 3rem }
.dev-icons .list-inline-item i:hover { color: #bd5d38 }
#sideNav .navbar-nav .nav-item .nav-link {
	font-weight: 800;
	letter-spacing: .05rem;
	text-transform: uppercase
}
#sideNav .navbar-toggler:focus { outline-color: #d48a6e }

@media (min-width:992px) {
#sideNav {
	text-align: center;
	position: fixed;
	top: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 17rem;
	height: 100vh
}
#sideNav .navbar-brand {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
}
#sideNav .navbar-brand .img-profile { }
#sideNav .navbar-collapse {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	width: 100%;
	margin-bottom: auto
}
#sideNav .navbar-collapse .navbar-nav {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	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 {
	padding-top: 5rem!important;
	padding-bottom: 5rem!important;
	max-width: 75rem
}
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: #0E0F00!important }
.text-primary { color: #bd5d38!important }
a { color: #A49383 }
a:active, a:focus, a:hover { color: #824027 }
.slider-image-wrapper { position: relative; }
img.slider-image {
	object-fit: contain;
	object-position: 100% 100% !important;
	object-position: 0px 0;
	width: 100%;
}

@media screen and (max-width: 767px) {
img.slider-image {
	object-fit: contain;
	object-position: 1000% 50% !important;
	object-position: 0px 0;
}
}
.imglist {
	margin-left: auto;
	margin-right: auto;
}
/********************************/
/*       Portfolio    */
/********************************/
#portfolio .portfolio-item {
    right: 0;
    margin: 0 0 15px;
}
#portfolio .portfolio-item .portfolio-link {
    position: relative;
    display: block;
    max-width: 400px;
    margin: 0 auto;
    cursor: pointer;
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    transition: all ease 0.5s;
    opacity: 0;
    background: rgba(254, 209, 54, 0.9);
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover { opacity: 1; }
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
    font-size: 20px;
    position: absolute;
    top: 50%;
    width: 100%;
    height: 20px;
    margin-top: -12px;
    text-align: center;
    color: white;
}
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i { margin-top: -12px; }
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3, #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 { margin: 0; }
#portfolio .portfolio-item .portfolio-caption {
    max-width: 400px;
    margin: 0 auto;
    padding: 25px;
    text-align: center;
    background-color: #fff;
}
#portfolio .portfolio-item .portfolio-caption h4 {
    margin: 0;
    text-transform: none;
}
#portfolio .portfolio-item .portfolio-caption p {
    font-size: 16px;
    font-style: italic;
    margin: 0;
    font-family: 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#portfolio * { z-index: 2; }

@media (min-width: 767px) {
#portfolio .portfolio-item { margin: 0 0 30px; }
}
.portfolio-modal { padding-right: 0px !important; }
.portfolio-modal .modal-dialog {
    margin: 1rem;
    max-width: 100vw;
}
.portfolio-modal .modal-content {
    padding: 100px 0;
    text-align: center;
}
.portfolio-modal .modal-content h2 {
    font-size: 3em;
    margin-bottom: 15px;
}
.portfolio-modal .modal-content p { margin-bottom: 30px; }
.portfolio-modal .modal-content p.item-intro {
    font-size: 16px;
    font-style: italic;
    margin: 20px 0 30px;
    font-family: 'Droid Serif', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.portfolio-modal .modal-content ul.list-inline {
    margin-top: 0;
    margin-bottom: 30px;
}
.portfolio-modal .modal-content img { margin-bottom: 30px; }
.portfolio-modal .modal-content button { cursor: pointer; }
.portfolio-modal .close-modal {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 75px;
    height: 75px;
    cursor: pointer;
    background-color: transparent;
}
.portfolio-modal .close-modal:hover { opacity: 0.3; }
.portfolio-modal .close-modal .lr {
    /* Safari and Chrome */
    z-index: 1051;
    width: 1px;
    height: 75px;
    margin-left: 35px;
    /* IE 9 */
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #212529;
}
.portfolio-modal .close-modal .lr .rl {
    /* Safari and Chrome */
    z-index: 1052;
    width: 1px;
    height: 75px;
    /* IE 9 */
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    background-color: #212529;
}