#site-container {
    --explora-buttons: #ec008c;
    --explora-buttons-hover: #bb006f;
    --progress-bar: #0057ff;
    --progress-bar-background: #dbe7ff;
    --footer-links-color: #0055a5;
    --mobile-back-button-color: #0055a5;
    --mobile-logo-width: 161px;
    --mobile-logo-height: 34px;
    --desktop-logo-width: 222px;
    --desktop-logo-height: 43px;
    /* Explora V5 */
    --background-color-back-button: #f1f1f1;
    --background-header-color: #ffffff;
    --background-content-color: #ffffff;
    --color-button: #4ae9ed;
    --color-button-hover: #47dde1;
    --danger-color: #d71204;
    --primary-color: #0057ff;
    --primary-color-checked-option: #dee9ff;
    --primary-color-disabled-option: #FFFFFF;
    --primary-color-checked-option-border: #333333;
    --primary-color-disabled-option-border-input: #a4a4a5;
    --primary-color-hover: #111b29;
    --success-color: #1fb267;
    --home-header-text-color: #ffffff;
    --text-color: #333333;
    --text-color-button: #111b29;
    --input-background-color: #E7ECF3;
    --input-border-color: #c9cacb;
    --input-text-color: #555555;
    --check-background-color:#0057ff;
    --check-color: #ffffff;
    --h2-information:#ffffff;
    --background-information: #0057ff;
    --items-number: #0057ff;
    --arrow-back:#0057ff;
    --primary-color-hover-text:#ffffff;
}

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

@media screen and (min-width: 768px) {
    #site-container.home {
        background: linear-gradient(to left,rgba(0,0,0,.54),rgba(0,0,0,.24)),url(background.jpg) no-repeat scroll center top #19282a;
        background-size: cover;
        background-attachment: fixed;
        background-position: left top 20%;
    }
}