/* Actual style */

.base-container {
    position: relative;
}

.focus-header {
    margin-bottom: -30vh;
    padding-bottom: 30vh;
}

/* Override shit, hence this override is also shit */
.focus-header p {
    margin-bottom: 0;
}

.focus-header-breadcrumb .breadcrumb .breadcrumb-item,
.focus-header-breadcrumb .breadcrumb .breadcrumb-link {
    color: #153e5c;
    font-weight: bold;
    font-size: 14px;
}

/* This class is hardcoded in database (through the model), so it's easier to just keep it for now */
.focus-header__illustration {
    width: 100%;
}

/* Override extended_tag shit, hence this override is also shit */
#outil .hero-title {
    display: none;
}

@media (min-width: 768px) {
    #outil .consumption-form {
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    }
}