* {
    margin: 0;
    padding: 0;
}
body {
    max-width: 1600px;
    margin: 0 auto;
}
.wrapper {
   background-color: bisque;
    width: 90%;
    margin: 0 auto;
    padding: 10px;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: 
        "nav"
        "header"
        "section1"
        "return"
        "footer";
    grid-gap: 20px;

}
nav {
    grid-area: nav;
}

header {
    grid-area: header;
}
header h1 {
    text-align: center;
    font-size: 2.5rem;
    margin-top: 40px;
    margin-bottom: 50px
}
.narrative {
    width: 80%;
    margin: 0 auto;
    font-size: 1.3rem;
}

.section1 {
    grid-area: section1;
}
.section1 h2{
    text-align: center
}
.item {
/*    make each item a flex container*/
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
}
.section1 .photos {
    display: block;
/*    margin: 0 auto;*/
/*    width: 95%;*/
    text-align: center;
/*    margin-top: 40px;*/
/*    margin-bottom: 40px;*/
}
.photos img {
    object-fit: cover;
/*    margin-left: 5%;*/
    padding: 5%;
    width: 90%;
}
.return {
    grid-area: return;
    margin-bottom: 20px;
}
.return {
    text-align: center;
}
footer {
    grid-area: footer;
    background-color: lightgray;
}
footer h6 {
    font-size: .8rem;
    text-align: center;
    padding: 10px;
}