footer {
    padding: 0.5rem 1rem; 
    position: fixed; 
    bottom:  0; 
    z-index: 1000; 
    color: #fff;
    text-align: center;
    flex-shrink: 0;
    width: 100%;
    background-color: var(--primary-bg);
  }


footer a {
    color: var(--primary-h1);
    width: 100%;
    font-size: 0.9rem;
  
  }


  @media (max-width: 500px ) {
    footer {
       display: none;
    }
  }
  @media only screen and (min-height: 400px) and (orientation: landscape) {
     footer {
       display: none;
    }
  }

  @media only screen and (max-width: 915px) and (orientation: landscape) {
    /* Hide cover image and other elements */

    footer {
        display: none;
    }

     

}