/* Sticky Footer */
body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.content-holder {
    flex: 1;
}

.kupaa-footer {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
}

.kupaa-footer-item {
    width: 100%;
    grid-row-start: 1;
    grid-column-start: 1;
    margin-top: auto;
}


.kupaa-footer-bottom-spacer {
    height: 85px;
}

.kupaa-footer-sprite-pepper-1-bottom-spacer {
}

.foot-sprite-pepper-1 {
}

.foot-bar-height {

}

.foot-bar {
    background: #1B1D2B;
    left: 0;
    bottom: 85px;
}

.foot-copyright-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    z-index: 2;
}

.foot-copyright {
    margin-left: auto;
    height: 85px;
    color: #818181;
    display: flex;
    justify-content: center;
    align-items: center;
}

.foot-sitemap-holder {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    height: 100%;
    z-index: 1;
}

.foot-sitemap {
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.foot-sitemap-title {
    display: grid;
    grid-template-columns: 1fr;
    margin-bottom: 11px;
}

.foot-sitemap-title-text {
    grid-row-start: 1;
    grid-column-start: 1;
    align-self: flex-end;
    justify-self: end;
    font-size: 1em;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 0em;
}

.foot-sitemap-title-highlight {
    grid-row-start: 1;
    grid-column-start: 1;
    align-self: flex-end;
    justify-self: end;
    width: 28px;
    height: 4px;
    background-color: #DF185B;
}

.foot-sitemap-link {
    position: relative;
    text-align: right;
    font-size: 0.875em;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0em;
    margin-bottom: 5px;
}

/* phones */
.kupaa-footer {
    margin-top: 32px;
}

.foot-anchor {
    height: 240px;
    margin-bottom: 85px;
}

.foot-sprite-pepper-1 {
    height: 240px;
    margin-top: -15px;
}

.foot-bar-height {
    height: 225px;
}

.foot-bar {
}

.kupaa-footer-sprite-pepper-1-bottom-spacer {
    height: 85px;
}

.foot-copyright {
    font-size: 0.875em;
    font-weight: 400;
    letter-spacing: 0em;

    text-align: center;
    width: 100%;
    right: 0;
    bottom: 34px;
}

/* landscape phones */
@media (min-width: 576px) {
    .foot-anchor {
        height: 240px;
        margin-bottom: 85px;
    }

    .foot-sprite-pepper-1 {
        height: 240px;
        margin-top: -15px;
    }

    .foot-bar-height {
        height: 225px;
    }

    .foot-bar {
    }

    .foot-copyright {
        text-align: center;
        width: 100%;
        right: 0;
        bottom: 34px;
    }
}

/* tablets */
@media (min-width: 768px) {
    .foot-anchor {
        height: 240px;
        margin-bottom: 85px;
    }

    .foot-sprite-pepper-1 {
        height: 240px;
        margin-top: -15px;
    }

    .foot-bar-height {
        height: 225px;
    }

    .foot-bar {
    }

    .kupaa-footer-sprite-pepper-1-bottom-spacer {
        height: 85px;
    }

    .foot-copyright {
        text-align: center;
        width: 100%;
        right: 0;
        bottom: 34px;
    }

    .foot-sitemap-title {
        font-size: 1em;
        font-weight: 600;
        line-height: 20px;
        letter-spacing: 0em;
        margin-bottom: 11px;
    }
}

/* desktops */
@media (min-width: 992px) {
    .kupaa-footer {
        margin-top: 169px;
    }

    .foot-anchor {
        height: 516px;
        margin-bottom: 0;
    }

    .foot-sprite-pepper-1 {
        height: 516px;
        margin-top: -146px;
    }

    .foot-bar-height {
        height: 285px;
    }

    .foot-bar {
    }

    .kupaa-footer-sprite-pepper-1-bottom-spacer {
        height: 0;
    }

    .foot-copyright {
        width: auto;
        text-align: right;
    }
}


/* large desktops */
@media (min-width: 1200px) {
    .foot-anchor {
        height: 516px;
        margin-bottom: 0;
    }

    .foot-sprite-pepper-1 {
        height: 516px;
        margin-top: -146px;
    }

    .foot-bar-height {
        height: 285px;
    }

    .foot-bar {
    }

    .foot-copyright {
        width: auto;
        text-align: right;
    }
 }