/* Footer Logos */

.footer-logo-header {
  font-size: 1.2rem;
  margin-bottom: 1rem;
  font-family: "Museo 700", Arial, Helvetica, sans-serif; 
}


#FooterTopLogos {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
  #FooterTopLogos div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* margin: 0 1rem; */
    width: 50%;
  } 
    #FooterTopLogos div div {
      width: 50%;
    }

    
  #FooterGrids {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: top;
    margin-bottom: 1rem;
  }




  #FooterLogosBeefyFriends {
    width: calc(40% - 20px);
    border-right:2px dashed #f5c15d;
    margin-right: 20px;
  }
    #FooterLogosGridBeefy {
      display: grid;
      grid-template-columns: repeat(3, calc(100%/3));
    }


  #FooterLogosFoodieFriends {
    width: 60%;
  } 


  #FooterLogosGridFoodie {
    display: grid;
    grid-template-columns: repeat(5, calc(100%/5));
  }
    /* Removed 2026 */
    /* #FooterLogosGridFoodie a:last-child { 
      grid-column: 5;
      grid-row: 1 / 3;
    } */





    @media(max-width: 640px) {
      .footer-logo-header {
        font-size: 1.2rem;
        margin-bottom: 1rem;
        font-family: "Museo 700", Arial, Helvetica, sans-serif; 
      }
      
      
      #FooterTopLogos {
        display: block;
        margin-bottom: 1rem;
      }
        #FooterTopLogos div {
          display: block;
          text-align: center;
          width: 100%;
        } 
          #FooterTopLogos div div {
            width: 100%;
          }
      
          
        #FooterGrids {
          display: flex;
          flex-direction: row;
          flex-wrap: wrap;
          justify-content: space-between;
          align-items: top;
          margin-bottom: 1rem;
        }
    
    
      
      
        #FooterLogosBeefyFriends {
          width: 90%;
          border-right:none;
          margin-right: 0;
          text-align: center;
          margin: auto;
        }
          #FooterLogosGridBeefy {
            display: grid;
            grid-template-columns: repeat(3, calc(100%/3));
          }
    
    
        #FooterLogosFoodieFriends {
          width: 90%;
          text-align: center;
          margin: auto;
        }        
          #FooterLogosGridFoodie {
            display: grid;
            grid-template-columns: repeat(5, calc(100%/5));
          }
            #FooterLogosGridFoodie a:last-child { 
              grid-column: 5;
              /*grid-row: 1 / 3;*/
            }
    }