.text-small {
	font-size: 0.6em;
}

/* Mobile nav: allow internal scrolling when the menu is open */
@media (max-width: 991.98px) {
  /* The collapsing <nav> in your header */
  .header-nav-main nav.collapse.show,
  .header-nav-main nav.collapsing {
    /* cap height to viewport minus sticky header, then scroll inside */
    max-height: calc(100vh - var(--mobileHeaderH, 70px));
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; /* smooth on iOS */
  }

  /* Ensure dropdown menus flow in the column on mobile */
  .header-nav-main .dropdown-menu {
    position: static;   /* not absolute on mobile */
    float: none;
    max-width: 100%;
  }

  /* Optional: avoid big indent for nested submenus */
  .header-nav-main .dropdown-submenu > .dropdown-menu {
    margin-left: 0;
  }
}



@media (max-width: 768px) {
  .DesignProcess {
    padding-bottom: calc(var(--waveH) * 0.5); /* half the sky height on mobile */
  }
}
@media (max-width: 768px) {
  .start {
    padding-bottom: calc(var(--waveH) * 0.5); /* half the sky height on mobile */
  }
}
@media (max-width: 768px) {
  .MainServices {
    padding-bottom: calc(var(--waveH) * 0.5); /* half the sky height on mobile */
  }
}

@media (min-width: 992px) {
  #Start {
    padding-bottom: calc(var(--waveH) * 0.6);
  }
}

/* Section needs to be positioning context for the wave */
#start { position: relative; }

/* Hide the hr by default (for desktop) */
.mobile-hr {
  display: none;
}

/* Show the hr on mobile and smaller tablet screens */
@media (max-width: 768px) {
  .mobile-hr {
    display: block; /* Make it visible */
    width: 95%; /* Example style */
    margin: 50px auto; /* Example style */
	border: 4px solid #fff;
  }
}