body {
    min-height: 100svh;
    display: flex;
    justify-content: center;
    background-color: lightgray;
}
main {
    display: flex;
    flex-flow: column nowrap;
    aspect-ratio: 8.5/11;
    max-height: 100svh;
    /* border: red solid 2px; */
    background-color: white;
} 
body h1 {
    text-align: left;
    padding: 4% 6% 0% 6%;
    font-size: 3em;
    color: rebeccapurple;
    flex: 0 0 1.6em;
    margin: 0;
}
 section.primaryArticle{
    display: flex;
    flex-flow: row wrap;
    padding: 0% 6% 0% 6%;
}
section.primaryArticle div {
    /* border: rebeccapurple solid 2px; */
    margin-top: 2%;
}
section.primaryArticle div:nth-child(1) {
    width: 79%;
    height: auto; 
}
section.primaryArticle div:nth-child(1) p{
    font-size: 1.4em;
}
section.primaryArticle div:nth-child(2){
    display: flex;
    flex-flow: row wrap;
    width: 20%;
    margin-left: 1%;
}
section.primaryArticle div:nth-child(2) figure {
    width: 100%;
    height: 50%;
    background-size: 85%;
    background-repeat: no-repeat;
    background-image: url(../images/jurica-koletic-7YVZYZeITc8-unsplash.jpg);
    aspect-ratio: auto;
}
section.primaryArticle div:nth-child(2) figcaption {
    font-size: .8em;
    padding-left: 2%;
    height: 50%;
}
section.bodyPhotos{
    height: 66%;
    width: 100%;
    /* border: 2px solid green; */
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
}
section.bodyPhotos div {
    flex: 0 0 48%;
    background-color: aqua;
    aspect-ratio: 4/3;
    /* border: 2px solid green; */
    background-size: cover;
}
section.bodyPhotos div:nth-child(1) {
    background-image: url(../images/austin-distel-wD1LRb9OeEo-unsplash.jpg);
    margin: 2.5% 1% 1.25% 0;
}
section.bodyPhotos div:nth-child(2) {
    background-image: url(../images/filip-rankovic-grobgaard-gPagMkbsYBc-unsplash.jpg);
    margin: 2.5% 0 1.25% 1%;
}
section.bodyPhotos div:nth-child(3) {
    background-image: url(../images/mikhail-seleznev-0EQNGVRASsU-unsplash.jpg);
    margin: 1.25% 1% 0 0;
} 
section.bodyPhotos div:nth-child(4) {
    background-image: url(../images/filip-rankovic-grobgaard-3H3Ts-5sjq0-unsplash.jpg);
    margin: 1.25% 0 0% 1%;
}