.text-justify {
          text-align: justify;
      }

      .font-size-5 {
          font-size: 1.2rem;
      }

      @media (max-width: 768px) {
          .font-size-5 {
              font-size: 1rem;
          }
      }

      body {
          margin: 0;
          font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
      }

      #top-logo {
          padding: 30px 10px;
          font-size: 40px;
          font-weight: 800;
          text-align: center;
          text-transform: uppercase;
          background: #fff;
      }

      /* HEADER */
      /* HEADER */
      #header {
          background: #fff;
          position: sticky;
          top: 0;
          z-index: 999;
          box-shadow: 0 10px 10px rgba(0, 0, 0, 0.034);
      }

      #toggle-div {
          display: none;
          justify-content: space-between;
          align-items: center;
          padding: 13px 15px;
      }

      #mobile-title {
          display: none;
          font-size: 25px;
          font-weight: 800;
          text-transform: uppercase;
      }

      #menu-btn {
          width: 100%;
          font-size: 32px;
          background: none;
          border: none;
          cursor: pointer;
          padding: 5px 10px;
      }

      #navbar {
          display: flex;
          justify-content: center;
          border-bottom: 1px solid #eee;
          height: auto;
          overflow: hidden;
          transition: max-height 0.5s ease;
      }

      #navbar .nav-item {
          font-size: 18px;
          padding: 15px 30px;
          text-decoration: none;
          color: #000;
      }

      #navbar .nav-item:hover {
          text-decoration: underline;
      }

      #navbar .active-nav-item {
          font-weight: 800;
      }


      /*HEADER MOBILE */
      @media (max-width: 768px) {
          #header {
              position: relative;
          }

          #top-logo {
              display: none;
          }

          #toggle-div {
              display: flex;
              justify-content: center;
              padding: 0px 12px;
          }

          #navbar {
              flex-direction: column;
              max-height: 0;
          }

          #navbar.mobile-nav {
              max-height: 500px;
          }

          #navbar .nav-item {
              border-top: 1px solid #f0f0f0;
              padding: 18px;
              font-size: 16px;
              text-align: center;
          }
      }

      /* body code */
      /* body code */

      .section {
          background-color: rgba(223, 215, 180, 0.116);
      }

      /*FOOTER MOBILE */
      @media (max-width: 768px) {}