:root {
  --body-font-size: 1.4rem !important;
  --primary-rgb: 233, 27, 156 !important;
}
h1, .h1 {
  font-size: 3rem;
}
h2, .h2 {
  font-size: 2.5rem;
}
h3, .h3 {
  font-size: 2rem;
}

.btn-primary {
  background-color: #e91b9c;
  border-color: #e91b9c;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #c41984;
  border-color: #c41984;
}
.container-bottom-a {
  display: block;
}
.brand-logo {
  position: relative;
  z-index: 3;
}
.brand-logo img {
  width: min(400px, 80%);
}
@media (max-width: 991px) {
  .brand-logo {
    display: inline-block;
    margin: 0 auto;
    text-align: center;
  }
}
.container-header .mod-menu > li.active::after, .container-header .mod-menu > li:hover::after {
  background-color: #e91b9c;
  opacity: 1;
}
.footer {
  margin-top: 8em;
}

.header {
  margin-bottom: 4em;
}

@media (max-width: 991px) {
  .header {
    display: flex;
    flex-wrap: wrap;
  }
  .header > *:nth-child(2) {
    order: -1;
  }

  .header .container-nav > nav.navbar {
    width: 100%;
    text-align: center;
  }
  .header .mod-menu__sub {
    margin-bottom: 1rem;
  }
}

@media (min-width: 992px) {
  .header .container-below-top {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    z-index: 2;
  }

  .header .container-nav > nav.navbar {
    margin-left: auto;
  }

  .header .mod-menu__sub {
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  }
  .container-header .mod-menu :where(.mod-menu__sub:not(.mod-menu__sub *)) {
    min-width: 15rem;
  }
}

.header .container-below-top .mod-menu {
  justify-content: end;
  align-items: center;
}

.header .container-nav > nav.navbar {
  margin-left: auto;
}

#navbar1 > ul > li:first-child {
  padding-left: 0;
}

#navbar1 > ul > li a {
  font-size:  1.2rem;
}

.header .navbar-toggler {
  margin: 0 auto;
  margin-bottom: 1rem;
}

.header .mod-menu__sub {
  padding: 1rem !important;
}

.header .mod-menu__toggle-sub > span {
  font-size: 19px;
}