*{
    margin: 0;
    padding: 0;
    color: #666666;
    font-family:Arial, Helvetica, sans-serif;
    font-style: italic;
}
img{
    width:100%;
    height:auto;
    border-radius: 20px;
}
.container{
    display:grid;
    grid-template-columns: 1fr 3fr 3fr 3fr;
    grid-template-rows: 100px 400px 300px 100px;
    column-gap: 1em;
    row-gap:1em;
    width:90%;
    margin: 20px auto;
}
.container header{
    grid-area: 1 / 1 / 2 / 5;
    width: 100%;
    text-align: center;
    align-self:center;
    justify-self:center;
    border-bottom: 2px solid #666666;
    padding: 20px;
}
.container nav{
    grid-area: 2 / 1 / 4 / 2;
    text-align: left;
}
.container nav div{
    padding:10px;
}
.container main{
    grid-area: 2 / 2 / 3 / 4;
    border: 1px solid #666666;
    border-radius:20px;
}
.container main img{
    width:70%;
    height: 60%;
    display:block;
    margin: 0 auto;
    padding: 10px;
}
.container main p{
    padding:10px;
    text-align:center;
}
.container article{
    border: 1px solid #666666;
    border-radius: 20px;
    padding:10px;
    text-align:center;
}
.container article img{
    height:50%;
}
.container article h2{
    padding: 10px;
}
.container footer {
    grid-area: 4 / 1 / 5 / 5;
    display: grid;
    grid-template-columns: 1fr 7fr 2fr;
}
.container footer address {
    grid-column: 1;
}

.container footer .copyright {
    grid-column: 2;
    text-align: center;
}

.container footer .social {
    grid-column: 3;
    text-align: center;
}
.container footer .social img{
    width: 20%;
    display: inline-block;
}