#site-container {
    --explora-buttons: #5f62ac;
    --explora-buttons-hover: #515393;
    --explora-buttons-text: #ffffff;
    --progress-bar: #c6d92c;
    --progress-bar-background: #c6d92c36;
    --footer-links-color: #2c5697;
    --header-color: #212121;
    --mobile-back-button-color: #c6d92c;
    --mobile-logo-width: 200px;
    --mobile-logo-height: 34px;
    --desktop-logo-width: 260px;
    --desktop-logo-height: 55px;
}

.img-logoExplora {
    background-image: url(logo.svg);
}

.side-text span {
    color: var(--progress-bar);
}

@media screen and (min-width: 768px) {
    #site-container.home {
        background: linear-gradient(to left,#05050582,#1b1b1b00),url(background.jpg) no-repeat scroll center bottom #000000;
        background-size:cover;
        background-attachment: fixed;
        background-position: left 20% bottom 80%;
    }
}

@media screen and (min-width: 1024px) {
    #site-container.home {
        background-position: left 0% bottom 75%;
    }
}

.side-text-highlight {
    background-color: var(--explora-buttons);
    color: #ffffff;
    padding:10px;
}

.border-highlight{
    border-radius: 10px;
}

@media screen and (min-width: 768px) {
    .side-text {
        width: calc(50% + 10px);
        background-color: #eff2f6;
        border-radius: 18px;
        padding: 10px 25px;
        margin: 10px 0 10px 50%;
        flex: 0 0 auto
    }
    .side-text-cta{
        background-color: #c6d92c;
    }
}
.side-text-cta .side-text-highlight {
    background-color: #c6d92c;
    color:#212121;
}