:root {
    --site-navbar: #ffe8a1;
    --site-product-bg-content: #b9ad95;
    --site-bg-primary: #FFFFFF;
    --site-bg-secondary: #fcf8e3;
    --site-bg-tertiary: #F0F0F0;
    --site-bg-quaternary: #f8f9fa;
    --site-select-primary: #446c99;
    --site-select-secondary: #17a2b8;
}
.site-bg-tertiary {
    background-color: var(--site-bg-tertiary);
}
.site-bg-quaternary {
    background-color: var(--site-bg-quaternary);
}
.inner-item {
    text-align: center;
}
.inner-item img {
    margin: 0 auto;
}
.inner-item iframe {
    position: absolute;
    height: 100%;
    width: 100%;
    display: block;
}
.navbar {
    background-color: var(--site-navbar);
}
body {
     background-color: var(--site-bg-secondary);
     /*display: flex;*/
     /*flex-direction: column;*/
     /*align-items: center;*/
}
.site-product-bg-content {
    background-color: var(--site-product-bg-content);
}
footer {
    /*position: absolute;*/
    bottom: 0;
    padding-top: 2.5rem;
    padding-right: 0px;
    padding-bottom: 2.5rem;
    padding-left: 0px;

    width: 100%;
    height: 400px;
}
footer p {
    color: black!important;
}
#page-container {
    position: relative;
    min-height: 100vh;
    flex: 1 1 auto;
}
#content-wrap {
    padding-bottom: 2.5rem;    /* Footer height */
    background-color: var(--site-bg-primary);
}