header {
    background-color: #FAD702;
    display: grid;
    align-items: center;
    justify-content: space-between;
    padding: 20px 20px;
    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;
}
@media (min-width: 1000px){
    header{
        grid-template-areas: "header1 header2 lang";
        grid-template-columns: 15vw 50vw 10vw;
        padding: 20px 50px;
    }

    .header2{
        display: none;
        grid-area: header2;
        grid-template-areas: "home services story SPP edu health";
        grid-template-columns: 7vw 7vw 7vw 16vw 7vw 7vw;
        text-align: center;
    }

    .home{
        grid-area: home;
    }

    .services{
        grid-area: services;
    }

    .story{
        grid-area: story;
    }

    .dropdown-content {
      display: none;
      position: absolute;
      background-color: #f1f1f1;
      overflow: auto;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
      z-index: 1;
    }
    .show {display: grid !important;}

    .SPP{
        grid-area: SPP;
    }

    #storyDrop{
        display: none;
        grid-template-areas: 
        "storyDrop1" 
        "storyDrop2" 
        "storyDrop3" 
        "storyDrop4";
        grid-template-columns: 10vw;
        grid-template-rows: 3vw 3vw 3vw 3vw;
        border: 2px solid rgba(0, 0, 0, 1);
        margin-left: -3vw;
        margin-top: 4vh;
    }
    .storyDrop1,.storyDrop2,.storyDrop3,.storyDrop4,.SPPDrop1,.SPPDrop2{
        text-align: left;
        padding-top: 1vh;
        padding-left: 0.5vw;
        border: 1px solid rgba(0, 0, 0, 0.3)
    }
    .storyDrop1{
        grid-area: storyDrop1;
    }
    .storyDrop2{
        grid-area: storyDrop2;
    }

    .storyDrop3{
        grid-area: storyDrop3;
    }
    .storyDrop4{
        grid-area: storyDrop4;
    }

    #SPPDrop{
        display: none;
        grid-template-areas: 
        "SPPDrop1" 
        "SPPDrop2";
        grid-template-columns: 12vw;
        grid-template-rows: 3vw 3vw;
        border: 2px solid rgba(0, 0, 0, 1);
        margin-left: 1vw;
        margin-top: 4vh;
    }
    .SPPDrop1{
        grid-area: SPPDrop1;
    }
    .SPPDrop2{
        grid-area: SPPDrop2;
    }

    .edu{
        grid-area: edu;
    }

    .health{
        grid-area: health;
    }
}
header .container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
    width: 90vw;
  }
  
  .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;
  }