#site-container {
    --header-color: #fff;
    --explora-buttons-text: #fff;
    --explora-buttons: #be9a47;
    --explora-buttons-hover: #ad8d43;
    --progress-bar: #003754;
    --progress-bar-background: #c7d2db;
    --footer-links-color: #003754;
    --mobile-back-button-color: #003754;
    --mobile-logo-width: 200px;
    --mobile-logo-height: 34px;
    --desktop-logo-width: 300px;
    --desktop-logo-height: 56px;
}

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

@media screen and (min-width: 768px) {
    #site-container.home {
        background: linear-gradient(270deg, #000, #00000000), url(background.jpg) no-repeat scroll bottom #000;
        background-attachment: fixed;
        background-position: left 0 bottom 80%;
        background-size: cover;
    }
}