.imgl,
.imglwc {
    float: left;
    margin: 0.4em 1em 1em 0;
    width: 25%;
}

.imgl {
    clear: left;
}

.imgr,
.imgrwc {
    float: right;
    margin: 0.4em 0 1em 1em;
    width: 25%;
}

.imgr {
    clear: right;
}

hr {
    clear: both;
}

@media screen and (max-width: 600px) {

    .imgl,
    .imgr,
    .imglwc,
    .imgrwc {
        float: none !important;
        width: 100% !important;
        margin: 1em 0 1em 0 !important;
    }
}

.w-20 {
    width: calc(var(--spacing) * 20);
}

.w-24 {
    width: calc(var(--spacing) * 24);
}

@font-face {
    font-family: "Baumans";
    src: url("/fonts/Baumans-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

.font-baumans {
    font-family: "Baumans", system-ui, sans-serif;
}