@media (min-width: 600px){

    body {margin:15%;
    background-color: #F8F0E3;
    }

    .navigationbar {
        display: flex;
        flex-direction: row;
        background-color: aliceblue;
        margin: 3px;
        border-style: groove;
        border-width: 5px;
    }

    .navigationbardiv {
    margin: 5px;
    padding: 20px;
    font-size: 18px;
    text-align: left;
    align-self: top;
    border-spacing: 5px;
    border-style: solid;
    }
    .content {
        display: flex;
        flex-direction: column;
        background-color: #F8F0E3;
    }



        .content div {
            background-color: #f1f1f1;
    margin: 10px;
    padding: 20px;
    font-size: 24px;
    text-align: center;
        }

        

    p {
        text-align: left;
        text-indent: 5%;
        margin-right: 10%;
        margin-left: 5%;
        font-size: 15px;
    }

    .links {
        display: flex;
        flex-direction: row;
        justify-self: center;
        justify-content: center;
        position:inherit;
        align-items: center;
        margin: 100px;
        background-color:#F8F0E3;
        background-image: url("library.jpg");
        background-size:cover;
        background-repeat: no-repeat;
    }

    .essays1 {
        margin: 100px;
        padding: fill;
    font-size: 24px;
    text-align: center;
    background-color: red;
    border-style:groove;
    border-color: red;
    background-image: url("notengland.jpg");
    background-size:contain;
    background-repeat:no-repeat;
    }

    .essays2 {
        margin: 100px;
        padding: fill;
    font-size: 24px;
    text-align: center;
    background-color: #08A04B;
    border-style: groove;
    border-color: #08A04B;
    background-image: url("nolongerirish.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    }

    .essays3 {
        margin: 100px;
        padding: fill;
    font-size: 24px;
    text-align: center;
    background-color: #daa520;
    border-style: groove;
    border-color: #daa520;   
        background-image: url("livelyneighborhood.jpg");
    background-size: contain;
    background-repeat: no-repeat; 
    }


    .essays1 :hover {
        cursor: pointer;
        border-bottom: 1px solid blue;
        padding-bottom: 1px;
    }

    .essays2 :hover {
        cursor: pointer;
        border-bottom: 1px solid blue;
        padding-bottom: 1px;
    }

    .essays3 :hover {
        cursor: pointer;
        border-bottom: 1px solid blue;
        padding-bottom: 1px;
    }

    .footer {
        display:flex;
        flex-direction: row;
        align-self: stretch;
        background-color: aliceblue;
        margin: 30px;
    }

    .footer div{
        text-align: left;
        margin: 20px;
        font-size: 15px;
    }


    .heading2 {
        display: flex;
        flex-direction:row;
        justify-self: center;
        justify-content: center;
        text-align: center;    
        background-color:#F8F0E3;
    }

    .heading2div {
        background-color: #F8F0E3;
        margin: 50px;
        font-size: 50px;
    }

    h2 {text-align: center;}

    h1 {text-align: center;}

    img {
        align-self: stretch;
        image-orientation: inherit;
        float: top;
        margin: 3%;
        align-items: center;
    }

    .header {
        display: flex;
        flex-direction: row;
        align-self:flex-start;
        text-align: center;
        margin: 30px;
    }

    .header div{
    margin: 20px;
    }

    }