/* Footer */

  footer {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 1rem;
    color: #6a737b;
    background-color: #333;
    margin-top: 3rem;
    font-family: 'ScalaSans';
  }

  .footer-top {
    display: flex;
    justify-content: space-between; /* Distribute space */
    align-items: center;
    padding: 1rem;
    width: 100%; /* Ensure full width */
  }

  .footer-left, .footer-right {
    display: flex;
    flex-direction: column;
  }

  .footer-center {
    width: 250px;
    text-align: center;
  }

  .footer-links a:hover {
    color: #ff12a2;
  }

  .footer-left a{
    width: 40vw;
    text-decoration: none;
    color: #6a737b;
    text-align: right;
    transition: color 0.2s ease;
  }
  .footer-right a{
    width: 40vw;
    text-decoration: none;
    color: #6a737b;
    text-align: left;
    transition: color 0.2s ease;
  }

  .nav-links a.active {
    color: #ff12a2;
  }
  .stamp-logo {
    width: 200px;
    height: auto;
    padding-inline: 1rem;
  }
  .rights {
    width: 25vw;
    text-align: center;
  }


/* ========== MOBILE HEADER STYLING ========== */
@media (max-width: 768px) {

  .stamp-logo {
    
    width: 150px;
    height: auto;
    padding-inline: 1rem;
    
  }
  .footer-center{
   width: 50vw;
  }
  .footer-left a{
    width: 25vw;
    text-decoration: none;
    color: #6a737b;
    text-align: right;
    transition: color 0.2s ease;
  }
  .footer-right a{
    width: 25vw;
    text-decoration: none;
    color: #6a737b;
    text-align: left;
    transition: color 0.2s ease;
  }
  footer {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.5rem;
    font-size: 0.75rem;
    color: #6a737b;
    background-color: #333;
    margin-top: 1rem;
  }
  .rights {
    width: 25vw;
    text-align: center;
  }
}