.maincontent > .container1 {
    width: fit-content;
}

.card-header h1, .card-header h2, .card-header h3, .card-header h4, .card-header h5, .card-header h6 {
    margin: 0;
}

/* For some reason this doesn't override the base template `img` without !important. */
.aerial-photo {
    width: 300px;
    margin: 0 !important;
}

.row-header {
    width: 1ch;
    text-wrap: nowrap;
    vertical-align: top;
}

.shrink-column {
    width: 20ch;
    text-wrap: nowrap;
}