:root {
    --primary-color-raw: 14,9,6; /* #0E0906 */

    --primary-color: rgba(var(--primary-color-raw));
    --secondary-color: #E2DDD7;
    --gray-overlay-color: rgba(var(--primary-color-raw), .25);
    --light-gray: rgba(var(--primary-color-raw),0.2);

    --font-size:             4vw;
    --font-size-small:       3vw;
    --font-size-top-title:   var(--font-size-small);
    --font-size-large:       4vw;
    --font-size-larger:      5.5vw;
    --font-size-even-larger: 5.5vw;
    --font-size-huge:        7vw;
    --font-size-menu:       14px;

    --gutter:             6vw;
    --margin:             var(--gutter);
    --margin-box-bottom: 10vw;
}
@media (min-width: 576px) {
    :root {
        --font-size:             2vw;
        --font-size-small:       1.85vw;
        --font-size-large:       2vw;
        --font-size-larger:      3vw;
        --font-size-even-larger: 3vw;
        --font-size-huge:        4vw;

        --gutter:            4vw;
        --margin:            var(--gutter);
        --margin-box-bottom: calc(2 * var(--gutter));
    }
}
@media (min-width: 768px) {
    :root {
        --font-size-small:       1.2vw;
    }
}
@media (min-width: 992px) {
    :root {
        --font-size:             1.2vw;
        --font-size-small:       1.1vw;
        --font-size-large:       1.5vw;
        --font-size-larger:      2.3vw;
        --font-size-even-larger: 2vw;
        --font-size-huge:        3.5vw;
    
        --gutter:            40px;
        --margin:            var(--gutter);
        --margin-box-bottom: var(--gutter);
    }
}
@media (min-width: 1400px) {
    :root {
        --font-size:             16px;
        --font-size-small:       13px;
        --font-size-large:       21px;
        --font-size-larger:      32px;
        --font-size-even-larger: 40px;
        --font-size-huge:        56px;
    }
}

a {
    color: var(--primary-color);
    text-decoration: none;
}
a:hover,
a:focus {
    color: var(--primary-color);
    border-bottom-color: var(--secondary-color);
}
a.nav-link {
    color: var(--primary-color);
}

img {
    max-width: 100%;
}
p {
    word-break: break-word;
}

.hide {
    display: none;
}
.alert {
    display: block;
}
.light {
    color: #fff;
}
.primary-bg {
    background-color: var(--primary-color);
}
.secondary-bg {
    background-color: var(--secondary-color);
}

@media (min-width: 1200px) AND (max-width: 1399px) {
    .page-header__right--text p {
    bottom: calc(.5 * var(--gutter));
    }
}
.page-header__right--text-sm {
    padding-top: var(--gutter);
    padding-bottom: var(--gutter);
}
@media (max-width: 475px) {
    .page-header__right--text-sm {
        width: 100%;
    }
}

@media (min-width:476px) and (max-width: 767px) {
    .page-header__right--image {
        display: block!important;
    }
}

.nav > li.disabled > a {
    color: var(--light-gray);
}