.header{
  background-color: var(--bg-cream);
  padding-top:12px
}

.logoDiv{
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.logoDiv img{
  height: 150px; 
}

.nav-bar{
  display: flex;
 
  justify-content: center;
  width: 100vw;
  
}

.nav{
  justify-self: center;
  width: 100vw;
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-content: space-between;
  max-width: 1200px;
  
}

.sub-nav{
  display: flex;
  column-gap: 20px;
  justify-content: flex-end;
  padding-right: 48px;
  align-items: center;
 
}

.main-nav {
  display: flex;
  padding-left: 48px;
  column-gap: 20px;
}

.main-nav ul li{
  display: inline;
  margin-right: 20px;
}

.main-nav a, a:visited{
  text-decoration: none !important;
  color: var(--text-dark);
  font-family: var(--font-sans);
  font-size: 1.04rem;
}

.sub-nav a, a:visited{
  text-decoration: none !important;
  color: var(--text-dark);
  font-family: var(--font-sans);
  font-size: 1.04rem;
}

.main-nav a:hover{
  color: var(--accent-burgundy);
}