styles.css

.limit-line-length {
    max-width: 65em;
    margin: 0 auto;
}

.in-row {}

.in-row>div {
    display: inline-block;
}

.box,
.full-box {
    box-sizing: border-box;
    padding: 1em;
    margin-bottom: 0.5em;
    /*width: calc( 100% / 3 - 2.2em);*/
    min-width: 5em;
    min-height: 5em;
    /*max-width: 30em;*/
    box-shadow: .5em .5em 1em rgba(0, 0, 0, .3);
}

.full-box {
    padding: 0;
}

.negativ {
    background-color: navy;
    color: #FFF;
}

.negativ a {
    color: #FFF;
    text-decoration: underline;
}

.fluid-image img,
.fluid-image figure-inline,
.fluid-image figure-inline>a {
    max-width: 100%;
    height: auto;
}

@media screen and (max-width:599px) {
    .full-width-small-down {
        float: none;
        margin: 1em 0;
        width: 100%;
        max-width: none;
        background-color: #FFFFAA;
    }
}

@media screen and (min-width:600px) {
    .float-right-medium-up {
        float: right;
        margin-right: 0;
    }
}