@charset "utf-8";
/* CSS Document */
#navcontainer
{
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 10px;
margin-left: 30%;
}

#navlist li
{
display: inline;
padding-bottom: 14px;
padding-left: 90px;
background-repeat: no-repeat;
}

#navlist a
{
padding-left: 20px;
padding-bottom: 14px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
}

#navlist a:link, #navlist a:visited
{
padding-left: 20px;
color: #4A596D;
background-position: 0 -28px;
background-repeat: no-repeat;}

#navlist a:hover
{
color: black;
padding-left: 20px;
background-repeat: no-repeat;
background-position: 0 -14px;
}

body{
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; 
}

footer{
    text-align: center;
    margin-top: 5%;
    margin-bottom: 1%;
}

main{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    grid-column-gap: 2%;
    grid-row-gap: 2%;
}

main h1{
    grid-column: 2/4;
    text-align: center;
}

main p{
    grid-column: 2/4;
    grid-row: 2/3;
}

article{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-column-gap: 2%;
    grid-row-gap: 2%;
}

article img{
    margin-left: 10pt;
    margin-right: 10pt;
}

article a{
    text-decoration: none;
}
article h1, p, a{
    margin-left: 20px;
}
article :nth-child(1) img{
    width:90%;
    grid-column: 1/2;
    border-radius: 15px;
    background: #e0e0e0;
    box-shadow:  22px 22px 44px #8f8f8f,
                -22px -22px 44px #ffffff
}

article :nth-child(2) img{
    width:90%;
    grid-column: 2/3;
    border-radius: 15px;
    background: #e0e0e0;
    box-shadow:  22px 22px 44px #8f8f8f,
                -22px -22px 44px #ffffff
}

article :nth-child(3) img{
    width: 90%;
    grid-column: 2/3;
    border-radius: 15px;
    background: #e0e0e0;
    box-shadow:  22px 22px 44px #8f8f8f,
                -22px -22px 44px #ffffff
}

 :nth-child(4){
        grid-column: 2/4;
        text-align: center;
        margin-top: -10%;
}