h1 {
    font-family: 'Sanchez', serif;
}
body {
    font-family: 'Noto Sans', sans-serif;
}
footer {
    font-size: .65em;
    padding-bottom: 20px;
}
.navbar-brand {
    font-family: 'Sanchez', serif;
    color: #8ab4e0;
}
.section {
    min-height: 600px;
    overflow: hidden;
    position: relative;
    padding: 80px 10px 0px 20px;
}
.section h2 {
    padding: 0px 0px 15px 0px;
    font-family: 'Sanchez', serif;
}
.section h3 {
    font-size: 1em;
    text-transform: uppercase;
}
.section:nth-child(odd) {
    background-color: #ccc;
}
.modal-body {
    max-height: calc(100vh - 210px);
    overflow-y: auto;
}
#portfolio img {
    padding: 15px 10px 15px 10px;
}
#bio {
    background: url(../img/parallax-image-ryan-marine.jpg) no-repeat center center fixed;
    background-size: cover;
}