/* Hide all navigation on small screens (<= 736px) */

  /* Desktop nav */
  #nav { 
    display: none !important;
  }

  /* Mobile toggle button inserted by JS */
  #navPanelToggle {
    display: none !important;
  }

  /* Mobile slide-in panel created by JS */
  #navPanel {
    display: none !important;
  }

#copyright {
  opacity: 0.8;   /* 80% visible */
	    /* Ensures the container takes up the full available width */
    width: 100%;
    /* Centers inline content (like the "Let's connect" text) */
    text-align: center;
}
/* iPhone / small screens only */
@media screen and (max-width: 480px) {
  /* Keep icons on one line; allow gentle side-scroll if it’s too tight */
  #copyright .icons.alt {
    white-space: nowrap;
    text-align: center;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* Make list items sit on the same baseline, in one row */
  #copyright .icons.alt li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0.5rem 0 0;  /* spacing */
    padding: 0;
  }
  #copyright .icons.alt li:last-child { margin-right: 0; }

  /* Ensure the circular icon button uses Massively’s centering model */
  #copyright .icons.alt li a.icon {
    display: inline-block;      /* not flex (preserves line-height centering) */
    text-decoration: none;
    border: 0;
  }

  /* Normalize the pseudo-element circle + glyph (sizes from Massively) */
  #copyright .icons.alt li a.icon:before {
    width: 2.25rem;
    height: 2.25rem;
    line-height: 2.25rem;       /* vertical center via line-height */
    font-size: 1.25rem;         /* glyph size */
    display: inline-block;      /* required for width/height/line-height */
    text-align: center;
    vertical-align: middle;
  }

  /* Tiny per-icon nudge to compensate FA solid vs brands baseline */
  #copyright .icons.alt li a.icon.solid.fa-envelope:before {
    transform: translateY(-0.02em);  /* tweak between -0.04em and -0.10em if needed */
  }
}