header {
    background-color: #FAD702;
    display: grid;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 7%;
    border-bottom: var(--border);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    grid-template-areas: 
    "header1";
}
.header1{
    grid-area: header1;
}
.header2{
    display: none;
}

.header1 .logo img, .footer .footer1 img{
    height: 7vh;
    /*border: black 1px solid;
    border-radius: 90%;
    background-color: #FAD702;*/
}

header .container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
    width: 90vw;
    margin: 0px;
  }
  
  .logo {
      justify-self: start; 
      align-self: center; 
      grid-area: 1 / 1 / 2 / 3; 
    }
    .lang {
      justify-self: end; 
      align-self: center; 
      grid-area: 1 / 2 / 2 / 3; 
    }
  .logo img{
      height: 7vh;
  }