/* -- header ------------------------------------------------------------ */
#menu-about {
    background-color: #902021;
    box-shadow: 1px 0px 1px -1px rgba(0,0,0,1) , -1px 0px 1px -1px rgba(0,0,0,0.8);
    color: #eeeeee;
}
/* -- section ----------------------------------------------------------- */
/*section {
    min-height: calc(100vh - 280px);
}*/
.column-content {
    display: inline-block;
    width: 32%;
    vertical-align: top;
    min-width: 320px;
}
#public-sites a {
    color: #606b87;
}
#public-sites a:hover {
    color: #2d3958;
}

/* ------------------------------------------------- */
/* ------------------------------------------------- */
/* ------------------------------------------------- */
@media screen and (max-width: 650px) {
    #banner-mobile {
        background-image: url("../img/banners/about-small.jpg");
        background-position: center;
    }
}
@media screen and (min-width: 651px) {
    #picture {
        background-image: url("../img/banners/about-large.jpg");
    }
}
@media screen and (max-width: 700px) {
    .column-content {
        display: block;
        width: 100%;
        min-width: inherit;
    }
}