*{
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
    box-sizing:border-box;
    color: #666666;
    border-radius:2em;
}
img{
    height:60%;
    width:80%;
    border-radius:1em;
    display:block;
    margin: 0 auto;
    padding:10px;
}
.container{
    display: flex;
    flex-wrap:wrap;
    width:90%;
    margin: 0 auto;
    flex-direction: row;
        text-align:center;
}
.container header{
    width: 100%;
    text-align:center;
    border-bottom: 2px solid #666666;
    padding:20px 0;
    margin-bottom:1em;
}
.container nav{
    width:10%;
    height:400px;
    text-align:left;
}
.container nav div{
    padding: 10px 0;
}
.container main{
    width:60%;
    height:400px;
    border: 1px solid #666666;
    margin-bottom:1em;
}
.container article:first-of-type{
    width:30%;
    height:400px;
    border: 1px solid #666666;

}
.container article{
    width: 30%;
    height:300px;
        border: 1px solid #666666;
        margin-bottom:1em;
}
.container footer{
    display: flex;
    flex-direction:row;
    width: 100%;
    height: 100px;
    text-align:center;
    border-top: 2px solid #666666;
    padding:20px 0;
    
}
footer address{
    width: 10%
}
footer .copyright{
    width:50%
}
footer .social{
    width:40%
}

footer .social img{
    display:inline-block;
    height:80px;
    width: auto;
}