html {
    font-size: 14px;
}

.tabs__nav--colored > .menu > li {
    flex: 1;
    padding-left: 8px;
    padding-right: 8px;
}

.contact .contact-field-entry  img {
    width: 100%;
}

.contacts-category {
    padding: 0;
}

.contacts-category .heading--white {
    padding-bottom: .5rem;
}

.contacts-category .heading__title > a {
    color: black;
}

/* Fix for contact fields flex layout in category view */
.contacts-category .row dl.contact-fields > div:first-child {
    flex: 0 0 20%;
    max-width: 20%;
}

.contacts-category .row dl.contact-fields > div:first-child img {
    width: 100%;
    object-fit: cover;
    border: 1px solid #E5E5E5;
    margin: 0;
    padding: 2px !important;
}

@media (max-width: 768px) {
    .contacts-category .row dl.contact-fields > div:first-child {
        flex: 0 0 40%;
        max-width: 40%;
    }
}

.contacts-category .row:not(:last-of-type) {
    margin-top: 2rem;
}

.contacts-category .row hr {
    margin-top: 1rem;
}

.contacts-category .row .contact-fields {
    margin-bottom: 0;
}

.contact-form input:not([type="checkbox"]), .contact-form textarea {
    width: 100%;
}