body {
    background-color: #03053E;
}

main {
    background-color: #fff;
}

footer {
    color: #fff;
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
}

h1 {
    color: #fff;
}

h3 {
    margin-top: 2rem;
}

li {
    margin-bottom: 0.6rem;
}

small {
    display: block;
    color: rgba(33, 37, 41, 0.75);
}

.header {
    background-color: #D0BD6C;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
}

.header h2 {
    margin-bottom: 0;
}

#schola-poster {
    width: 100%;
    height: auto;
    display: none;
}

.biog-pic {
    float: right;
    width: 30%;
    height: auto;
    margin-left: 0.8rem;
}

@media (min-width: 768px) {
    #schola-poster {
        display: block;
        width: 35%;
        float: right;
        margin-left: 2rem;
    }

    .biog-pic {
        width: 17%;
    }
}
@media (min-width: 992px) {
    #schola-poster {
        width: 30%;
    }

    .biog-pic {
        width: 15%;
    }
}

hr {
    margin-top: 2.4rem;
    margin-bottom: 2.4rem;
    clear: both;
}