body {
    font-family: verdana;
     background-color:lightseagreen;
}

        header {
            font-family: Verdana, Geneva, Tahoma, sans-serif;
            color:pink;

        }
  header p {
                    font-weight: bold;
                    color: black;
                    text-transform:uppercase;
                    letter-spacing: 8px;
                }

                 nav {
                    text-align: center;
                    padding: 16px;
                }

                nav a {
                    text-decoration: none;
                    text-transform: uppercase;
                    padding: 4px 12px;
                }

                main {
                 margin: 16px 0px;
                    padding: 16px 8px;
                    min-height: 400px;
                }

                footer {
                    background-color:purple;
                    color: black;
                    padding: 16px 8px;
                }
    .hometown h1 {
        text-align: center;
        font-size: 6vws;
    }

    .hometown main {
        margin-top:100px;
    }

    .hometown nav#mainnav {
        margin-bottom:40px;
    }

    .hometown .content {
        color: black;

    }

    .photoArray {
        display:flex;
        flex-flow:row wrap;
        justify-content: space-around;
    }

    .photoArray figure {
        border: 1px solid red;
        flex: 0 0 auto;
        width:300px; aspect-ratio:1;
    }

    .hometown .photoArray figure:nth-child(1) {
        background-image: url(../images/bend.webp);
        background-size:cover;
    }

    .hometown .photoArray figure:nth-child(2) {
        background-image: url(../images/bend2.jpg);
        background-size: cover;
    }

    .hometown .photoArray figure:nth-child(3) {
        background-image: url(../images/bend3.webp);
        background-size:cover;
    }