body {
    background: #ddc;
}
#header {
    background-image: url('./images/m2o-header.jpg');
}
#header .nav {
    background-color: #00000080;
    padding: 0.5em;
}
#header .nav .fa {
    font-size: 2.0em;
}    
#header .nav-item a {
    color: white;
}
#header-image {
    text-align: center;
}
#header-image img {
    max-width: 80%;
}
#content {
    max-width: 1000px;
    margin: 0 auto;
}
.container {
    background: white;
    padding-left: 20px;
    padding-right: 20px;
}
#biography {
    padding-top: 2em;
    padding-bottom: 2em;
}
div.col {
    padding: 10px;
}
div.row {
    margin-bottom: 2em;
}
.avatar {
    max-width: 300px;
    width: 100%;
    border-radius: 50%;
    position: relative;
    top: min(-5vw, -30px);
    border: 4px solid white;
}