
.footerbar-container {
    min-height: 60px;

    display: flex;
    flex-flow: row wrap;
    gap: 15px;

    background-color: #7a9a4e;
    justify-content: space-around;

    margin-top: 10px;
}

.footerbar-container img, .footerbar-container a {
    height: inherit;
    margin-bottom: 0px;

    display: block; /* Because we were getting weird extra margins */
}

.footerbar-container img {
    height: 60px;
    padding-top: 5%;
}

.footerbar-container a {
    padding: 0px 5px 0px 5px;
    margin: 0px;
}

.footerbar-container a:hover {
    background: darkgreen;
}

.footerbar-container div {
    display: flex;
    flex-flow: row wrap;
    gap: inherit;
    height: inherit;

    width: max-content;
}

.footerbar-container p {
    color: white;
}
