:root {
    --primary-color: #032d39;
    --secondary-color: #8a7356;
    --light: #f8f8f8;
    --white: #ffffff;

    --header-color-dark: #012e38;
    --text-color-dark: #012e38;
    --header-color-light: #ffffff;
    --text-color-light: #ffffff;

    --overlay: rgba(34, 51, 69, .75);

    --header-height: 66px;
}

@media (min-width: 576px) {
    :root {
        --header-height: 74px;
    }
}

@media (min-width: 992px) {
    :root {
        --header-height: 99px;
    }
}

@media (min-width: 1200px) {
    :root {
        --header-height: 123px;
    }
}