.container {
    display: grid;
    grid-template-areas: 
        "header header header header"
        "image image image image"
        "paragraph1 paragraph2 paragraph3 paragraph4"
        "footer footer footer footer";
    grid-template-rows: 100px 1fr 1fr 75px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    border: 1px solid black;
    background-color:rgba(218, 252, 236, 0.7);
}

body {
    background-image: url("images/images.jpg");
}

.header {
    grid-area: header;
    text-align: center;
    border: 1px solid black;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

.image {
    grid-area: image;
    border: 1px solid black;
    display: flex;
    justify-content:center;

}

.paragraph1 {
    grid-area: paragraph1;
    border: 1px solid black;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.paragraph2 {
    grid-area: paragraph2;
    border: 1px solid black;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.paragraph3 {
    grid-area: paragraph3;
    border: 1px solid black;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.paragraph4 {
    grid-area: paragraph4;
    border: 1px solid black;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.footer {
    grid-area: footer;
    border: 1px solid black;
    text-align: center;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}