@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;
}

}