/* COULEURS */
:root {
    --color-primary: #9641D7;
    --color-secondary: radial-gradient(1000px 500px at 10% 20%, #AB53CC 0%, #4B3691 50%, #000752 100%), #000752;
}

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

#header #hero-banner .container {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

#header #hero-banner img {
  display: block;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
}

/* Let the hero shrink with its contents */
#header #hero-banner {
  min-height: 0 !important;
  height: auto !important;
  background: transparent !important;
}

/* Remove wrapper constraints */
#header #hero-banner .container {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}

/* Make the uploaded banner fully responsive */
#header #hero-banner img {
  display: block;
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
}