:root {
    --harmony-teal: #0094AC;
    --harmony-teal-dark: #008299;
    --harmony-avocado: #4B5F46;
    --harmony-sage: #A5BEA5;
    --harmony-rose: #D7A591;
    --harmony-olive: #856A35;
    --harmony-sandstone: #F0E6C8;
    --harmony-aqua: #88D1D1;
    --harmony-apricot: #F0D2B3;
    --harmony-charcoal: #323233;
    --harmony-aqua-20: #B2DAE0;
    --harmony-aqua-70: #80C1CC;
    --harmony-sandstone-20: #FAF8EE;
    --harmony-sandstone-70: #F6F0DE;
    --site-text-color: #323233;
    --site-link-color: #0094AC;
    --error: #ed1b24;
    --white: #ffffff;
    --black: #000000;
    --loader-text-color: #323233;
    --loader-bg: #323233;
    --transparent: transparent;
    --dev-finder: lawngreen;

}

.harmony-cardcategory {
    color: #323233;
    font-family: Roboto, serif;
    font-size: 25pt;
    min-height: 100px;
    padding: 70px 0;
    margin: 15px;
    border-radius: 10px;
    text-align: center;
    box-shadow: -15px 15px rgba(165, 190, 165, 0.7);
    cursor: pointer;
}
.harmony-cardcategory:hover {
    font-size: 27pt;
    background-color: rgb(165 190 165 / 7%);;
}
footer {
    margin-top: 7.875rem;
}

footer .footer-brand a.footer-logo,
footer .footer-brand .footer-logo {
    max-width: 7.875rem;
}

footer .footer-brand {
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}
footer .footer-nav {
    margin-bottom: 0;
}
footer .footer-nav > li a, footer .footer-nav > li address {
    -webkit-transition: all 0.35s cubic-bezier(0.35, 0, 0.25, 1);
    transition: all 0.35s cubic-bezier(0.35, 0, 0.25, 1);
    text-decoration: none;
    font-family: Roboto, serif;
    font-size: 0.75rem;
    line-height: 1.125rem;
    color: #ffffff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: 0;
}
footer .footer-nav > li a + .caret, footer .footer-nav > li address + .caret {
    -webkit-transition: all 0.35s cubic-bezier(0.35, 0, 0.25, 1);
    transition: all 0.35s cubic-bezier(0.35, 0, 0.25, 1);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
    color: white;
}

footer .footer-nav > li > ul.dropdown-menu, footer .footer-nav > li > ul.sub-menu {
    position: relative !important;
    -webkit-transform: none !important;
    transform: none !important;
    background-color: transparent;
    border: 0;
    margin-top: 0.75rem !important;
    width: 100%;
}

footer .footer-nav > li > ul.dropdown-menu li, footer .footer-nav > li > ul.sub-menu li {
    padding: 0.4375rem 0;
}

@media (min-width: 1200px) {

    footer .footer-brand a.footer-logo,
    footer .footer-brand .footer-logo {
        max-width: 10.9375rem;
    }
}

@media (min-width: 992px) {
    footer {
        margin-top: 10.9375rem;
        padding-bottom: 1.25rem;
    }

    footer .footer-brand {
        margin-bottom: -1.875rem;
    }
    footer .footer-nav > li > a, footer .footer-nav > li > address {
        font-weight: bolder;
    }
    footer .footer-nav > li a + .caret, footer .footer-nav > li address + .caret {
        display: none;
    }
    footer .footer-nav > li > ul.dropdown-menu, footer .footer-nav > li > ul.sub-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 1.0625rem;
        box-shadow: none !important;
    }
}