/* Mobile responsive navigation */
  @media (max-width: 575px) {
      .nav-link {
          margin: 6px 0;
      }

      .navbar-nav {
          margin: 20px 0;
      }

      section h1 {
          font-size: 55px;
          text-shadow: none !important;
      }

      .hero {
          background-position: 71%;
          align-items: flex-end;
          background: url('../images/monil-hero-bg-desktop.jpeg');
      }

      main {
          padding: 0;
      }

      .img-container {
          display: flex;
          justify-content: center;
          align-items: center;
      }

      .advantage {
          margin: 40px 0 10px 0;
      }

      .advantage>div {
          width: 100%;
      }

      .advantage {
          text-align: center;
      }

      .btn-primary {
          margin-bottom: 20px;
      }

      #navbarSupportedContent button {
          width: 100%;
      }

      .navbar-toggler,
      table>th,
      td {
          padding: 10px;
      }

      nav .bi {
          margin-right: -5px !important;
      }

      .navbar-brand {
          font-size: 24px;
      }

      main {
          padding: 8px;
      }

      body {
          overflow-x: hidden;
      }

      footer {
          margin-top: 0;
      }
  }

  @media (min-width: 768px) and (max-width: 991px) {

      .container {
          max-width: 100%;
      }

      .advantage {
          flex-direction: column;
      }

      .advantage>div {
          width: 100%;
      }
  }


  @media (min-width: 992px) {}

  /* @media (min-width: 1200px) {
      .splide__arrow {
          display: none;
      }
  } */