#headshots {
	/*width: 100%;*/
	/*min-width: 20em;*/
    /*max-width: 2em;*/
}

#draw-sig {
    display: none;
}

#footer {
	bottom: 0;
	padding: 1em 0;
}
.scrollbar {
	height: 60em;
	top: 6em;
    max-height: none;
}

#story-heading {
    color: black;
}

.nav-circle {
    width: .6em;
    height: .6em;
    border-radius: 50%;
    background: #2fe78c;
    margin-left: 9.2em;
    position: absolute;
}


.scrollbar-circle {
    width: 20px;
    height: 20px;
    background: white;
    box-shadow: inset 0px 0px 0px 12px black;
    border-radius: 50%;
    position: absolute;
    left: 3.46em;
    z-index: 2;
}


.connecting-line {
    width: 4em;
    height: 3px;
    background: black;
    margin-top: -3.5em;
    position: absolute;
    left: 4.55em;
}

#my-story {
    font-weight: 600;
    color: black;
    margin-left: 8em;
    position: absolute;
    letter-spacing: 0.14em;
    margin-top: -3.6em;
}

#about-1 {
    width: 90%;
    margin-left: 8em;
    margin-top: 5em;
    height: 50em;
}

#signature-name {
    margin-bottom: 0;
}



.left-half {
	display: inline-block;
}

.left-half img {
    max-width: 100%;
}

.right-half {
	display: inline-block;
    padding-right: 3em;
}

a {
	color: #666;
}

.story-heading {
	color: black;
}

#about-1 {
    overflow: hidden;
}


#circle-1 {
	margin-top: -4em;
}


#signature-container {
	height: 8em;
}


#about-1 .row {
    margin-top: 2em;
    margin-bottom: 2em;
}

#footer {
    position: relative;
}

#mobile-nav ul {
    padding: 0;
}

nav {
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    box-sizing: initial;
}


.btn-menu__bars {
    margin-top: -1em;
}

#signature-container {
    opacity: 0;
}