.yellow-site .banner-session {
  background-color: #f6b913;
}
.yellow-site .banner-session .parallax {
  background: url("../../img/animation/parallax_3.svg"), #f6b913;
  background-attachment: fixed;
  background-position: top center;
}

.blue-site .banner-session {
  background-color: #47adf0;
}
.blue-site .banner-session .parallax {
  background: url("../../img/animation/parallax_3.svg"), #47adf0;
  background-attachment: fixed;
  background-position: top center;
}

.green-site .banner-session {
  background-color: #8cc740;
}
.green-site .banner-session .parallax {
  background: url("../../img/animation/parallax_3.svg"), #8cc740;
  background-attachment: fixed;
  background-position: top center;
}

.pink-site .banner-session {
  background-color: #ed008c;
}
.pink-site .banner-session .parallax {
  background: url("../../img/animation/parallax_3.svg"), #ed008c;
  background-attachment: fixed;
  background-position: top center;
}

.orange-site .banner-session {
  background-color: #F26121;
}
.orange-site .banner-session .parallax {
  background: url("../../img/animation/parallax_3.svg"), #F26121;
  background-attachment: fixed;
  background-position: top center;
}

.other-site .banner-session {
  background-color: #8248df;
}
.other-site .banner-session .parallax {
  background: url("../../img/animation/parallax_3.svg"), #8248df;
  background-attachment: fixed;
  background-position: top center;
}

.banner-session {
  background-color: #f6b913;
  text-align: center;
}
.banner-session .container {
  padding-top: 4rem;
  padding-bottom: 2.3rem;
}
.banner-session h1 {
  color: white;
  margin-bottom: 0;
}
.banner-session h3 {
  font-weight: normal;
  margin: 0;
  text-transform: uppercase;
  font-size: 1.5rem;
}
.banner-session h2 {
  text-transform: uppercase;
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 1.25;
  text-align: center;
  max-width: 50rem;
  margin: 1rem auto 0 auto;
}
.banner-session .hero {
  font-size: 2rem;
}
.banner-session .parallax {
  background: url("../../img/animation/parallax_3.svg"), #f6b913;
  background-attachment: fixed;
  background-position: bottom center;
}

#tsparticles-banner {
  z-index: -1;
}

@media (min-width: 576px) {
  .banner-session .hero {
    font-size: 2.5rem;
  }
  .banner-session .hero .parallax {
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@media (min-width: 992px) {
  .banner-session {
    padding: 0;
  }
  .banner-session .container {
    padding: 6rem 0;
  }
  .banner-session .hero {
    font-size: 4rem;
    margin-bottom: 1.5rem;
  }
  .banner-session h2 {
    font-size: 2.5rem;
  }
}