:root {
    --background-color: #dadada;
    --header-background-color: white;
    --theme-color-light: #ff6600;
    --theme-color-dark: 203, 74, 34;
}

html {
    height: 100%;
}

body {
    font-family: 'Open Sans';
    font-weight: 600;
    font-style: normal;

    min-height: 100%;

    background-color: var(--background-color);
}

.bg-white {
    background-color: white;
}

.bg-gray {
    background-color: #9d9f9e;
}

.bg-light-gray {
    background-color: #ebedec;
}

.bg-theme-light {
    background-color: var(--theme-color-light)!important;
}

.font-circula {
    font-family: 'Circula';
    font-weight: 500;
    font-style: normal;
}

.font-open-sans-normal {
    font-family: 'Open Sans';
    font-weight: normal;
    font-style: normal;
}

.font-open-sans-600 {
    font-family: 'Open Sans';
    font-weight: 600;
    font-style: normal;
}

.font-open-sans-bold {
    font-family: 'Open Sans';
    font-weight: bold;
    font-style: normal;
}

.text-color-white {
    color: white!important;
}

.text-color-black {
    color: black!important;
}

.text-color-light-gray {
    color: #5b5b5b!important;
}

.text-color-gray {
    color: #2f2f2f!important;
}

.text-color-dark-gray {
    color: #1f1f1f!important;
}

.text-color-theme-light {
    color: var(--theme-color-light)!important;
}

.text-color-theme-dark {
    color: rgb(var(--theme-color-dark))!important;
}

.text-decoration-thickness-2 {
    text-decoration-thickness: 2px!important;
}

.text-decoration-thickness-3 {
    text-decoration-thickness: 3px!important;
}

.theme-light-line-3 {
    background-color: var(--theme-color-light);
    height: 3px;
}

.theme-dark-line-4 {
    background-color: rgb(var(--theme-color-dark));
    height: 4px;
}

.mb-1- {
    margin-bottom: -0.25rem!important;
}

.mb-2- {
    margin-bottom: -0.5rem!important;
}

.aspect-ratio-square {
    aspect-ratio: 1;
}

.h0 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
    color: var(--bs-heading-color);
    font-size: calc(1.875rem + 1.5vw);
}

@media (min-width: 576px) {
    .h0 {
        font-size: calc(2.375rem + 1.5vw);
    }
}

@media (min-width: 992px) {
    .h0 {
        font-size: 3.5rem;
    }
}

@media (min-width: 992px) {
    .col-lg-0 {
        flex: 0 0 auto;
        width: 0;
    }
}