html {
    font-size: 16px;
    font-family: "Vampiro One", sans-serif;
}

div.grid {
    display: grid;
    margin: 2rem;
    grid-template-columns: 25rem 1rem 25rem 1rem 25rem;
    grid-template-rows: 35rem 1rem 30rem 1rem 30rem 1rem 30rem 1rem 30rem 1rem 30rem 1rem 30rem 1rem 30rem 1rem 30rem;
    justify-content: center;
}

div.cell {
    border: solid .2rem black;
    background: lightgrey;
    position: relative;
}

#img1 {
    grid-row: 1;
    grid-column: 1 / 6;
    background: url(img/IMG_NC_011.jpeg) center center / cover;
}

#img21 {
    grid-row: 3;
    grid-column: 1 / 4;
    background: url(img/DSC_8632.JPG) center center / cover;
}
#img22 {
    grid-row: 3;
    grid-column: 5 / 5;
    background: url(img/DSC_8634.JPG) center center / cover;
}

#img31 {
    grid-row: 5;
    grid-column: 1 / 1;
    background: url(img/DSC_8653.JPG) center center / cover;
}

#img32 {
    grid-row: 5;
    grid-column: 3 / 6;
    background: url(img/IMG_3200.JPG) center center / cover;
}
#img41 {
    grid-row: 7;
    grid-column: 1 / 1;
    background: url(img/IMG_AD_009.jpeg) center center / cover;
}
#img42 {
    grid-row: 7;
    grid-column: 3 / 3;
    background: url(img/DSC_8643.JPG) center center / cover;
}
#img43 {
    grid-row: 7;
    grid-column: 5 / 5;
    background: url(img/DSC_8645.JPG) center center / cover;
}

#img51 {
    grid-row: 9;
    grid-column: 1 / 1;
    background: url(img/IMG_AD_012.jpeg) center center / cover;
}
#img52 {
    grid-row: 9;
    grid-column: 3 / 3;
    background: url(img/DSC_8646.JPG) center center / cover;
}
#img53 {
    grid-row: 9;
    grid-column: 5 / 5;
    background: url(img/DSC_8647.JPG) 90% center / cover;
}

#img6 {
    grid-row: 11;
    grid-column: 1 / 6;
    background: url(img/IMG_NC_004.jpeg) center center / cover;
}

#img71 {
    grid-row: 13;
    grid-column: 1 / 1;
    background: url(img/DSC_8672.JPG) 60% center / cover;
}
#img72 {
    grid-row: 13;
    grid-column: 3 / 6;
    background: url(img/DSC_8659.JPG) center center / cover;
}

#img81 {
    grid-row: 15;
    grid-column: 1 / 4;
    background: url(img/DSC_8650.JPG) center center / cover;
}
#img82 {
    grid-row: 15;
    grid-column: 5 / 6;
    background: url(img/IMG_3215.JPG) center center / cover;
}

#img91 {
    grid-row: 17;
    grid-column: 1 / 1;
    background: url(img/DSC_3189.JPG) center center / cover;
}
#img92 {
    grid-row: 17;
    grid-column: 3 / 6;
    background: url(img/IMG_NC_009.jpeg) center center / cover;
}

div.header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-bottom: solid .15rem black;
    background: white;
    padding: .3rem 1rem;
    text-transform: uppercase;
}

.smaller {
    font-size: smaller;
    color: #333;
}