/* COULEURS */
:root {
    --color-primary: #003CF6;
    --color-secondary: #043377;
}

/* Backgrounds */
header#header {
    background-color: var(--color-primary);
}
header#header #hero-banner {
    background: var(--color-secondary);
}

#header #hero-banner.width-logo-onLeft .container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#header #hero-banner.width-logo-onLeft .container .logo {
    width: 50%;
}

 @media (max-width: 600px) {
#header #hero-banner.width-logo-onLeft .container .logo {
    width: 100%;
}
}

#header #hero-banner.width-logo-onLeft .container .logo img {
    width: 100%;
}


#header #hero-banner.width-logo-onLeft .container section .location p {
    visibility: hidden;
    position: relative;
}


#header #hero-banner.width-logo-onLeft .container section .location p:before {
    content: "Paris (FRANCE)";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    visibility: visible;
}

#header #hero-banner.width-logo-onLeft .container section .location p:after {
    content: "30 avril 2026";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 50%;
    visibility: visible;
}