body {
    max-width: 1920px;
}
.container {
     display: grid;
    grid-template-columns: repeat(6, 1fr);
   /* grid-template-rows: repeat(6, 5vw);*/
    grid-template-rows: auto;
    grid-template-areas: 
        "top top top top top top"
        "menu1 menu1 menu1 menu1 menu1 menu1"
        "nar nar nar nar nar nar"
        "pic pic pic pic pic pic"
        "menu2 menu2 menu2 menu2 menu2 menu2"
        "bottom bottom bottom bottom bottom bottom";
    grid-gap: 15px;
}

.header {
    background-color: aqua;
    max-width: 95%;
    margin: "0 auto”;
     border: 1px solid black;
    box-shadow: 10px 10px 5px #888888;
    grid-area: top;
}
.header h1 {
    text-align: center;
}
.nav {
    background-color: yellow;
    grid-area: menu1;
}
.nav h3 {
    text-align: center;
}
.article {
    background-color:bisque;
    grid-area: nar;
}
.article h4 {
    text-align: center;
}
.photos {
    grid-area: pic;
}
.nav2 {
    background-color: coral;
    grid-area: menu2;
}
.nav2 h3 {
    text-align: center
}
.footer {
    background-color: lightgray;
    grid-area: bottom;
}
.footer h6 {
    text-align: center;
}

 .column {
    float: left;
    width: 40%;
    padding: 15px;
} 
.row:after {
    content: "";
    clear: both;
    display: table;
}
.column img {
    border: 1px solid black;
    box-shadow: 10px 10px 5px #888888;
}
    
/* Responsive layout - makethe three columns stack ontopof each other in small screens */

@media screen and (max-width:650px) {
    .header h1 {
        font-size: 8pt;
    }
}

@media screen and (max-width: 500px){
    
    .column {
        width: 90%;
    }
    .header h1 {
        font-size: 8pt;
    }
    .nav h3 {
        font-size: 8pt;
    }
    .article h4 {
        font-size: 8pt;
    }
    .nav2 h3 {
        font-size: 8pt;
    }
    .footer h6 {
        font-size: 6pt;
    }
}

@media screen and (max-width: 350px) {
    .header h1 {
        font-size: 6pt;
    }
    .nav h3 {
        font-size: 6pt;
    }
    .article h4 {
        font-size: 6pt;
    }
     .nav2 h3 {
        font-size: 6pt;
}