@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&family=Signika:wght@300&display=swap');

#heading {
        background-color: #01854B;
        background-image: none;
}

#heading .logo img {
        height: 120px;
        width: auto;
        padding-top: 20px;
}

#heading  #heading-wrapper {
        background: none;
}
:root {
        --headings-font-family: Roboto, sans-serif;
        --base-font-family: Roboto, sans-serif;
        --primary-color-rgb: 44, 131, 52;
        --primary-color: #01854B ;
        --primary-color-hover: #245035;
        --primary-color-disabled: #fbb9cc;
        --secondary-color-rgb: #444444;
        --secondary-hover-color: #1e1e1e;
        --secondary-disabled-color: #848484;
        --button-help-color: #4c90d6;
        --button-help-color-hover: #7AADE3;
        --button-help-color-disabled: #8ab7e4;
        --nav-menu-background-color: #245035;
        --nav-menu-background-color-highlight: #01854B;
        --nav-menu-background-color-border: #245035;
        --footer-background-color: #edeff5;
        --footer-text-color: #838383;
        --footer-link-color: #444444;


        --header-button-background-color: #01854B;
        --header-button-text-color: #fff;
        --header-text-color: #01854B;
}