.header {      
  padding: 20px 0;             
}

.header .menu {
  display: grid;
  grid-template-columns: repeat(7, auto);
  /* justify-content: center;    */
  align-items: center;        
  gap: var(--gap);        
  text-align: center;    
}

.header .menu a {
  font-family: "century-gothic", sans-serif;
  font-weight: 300;
  font-style: normal;
  text-decoration: none;
  color:white;
  padding: 5px 10px;
}

.header .menu .logo img {
  display: block;
  max-height: 150px;         
}