style.css

* {
    margin:0;
    padding:0;
    font-family: Helvetica, Arial, sans-serif;
    font-size:8pt;
    font-weight:800;
    color: #00f;
    line-height:1.3em;
    letter-spacing: .05em;
    text-transform: uppercase;
}

header {border-bottom:1px solid; padding-bottom:30px; }
header > div { display:inline-block; margin-left:5px; }
header > .title { vertical-align:top; padding-top:23px; }
body { max-width:1040px; margin:100px auto; }

a { text-decoration:none; color:inherit; }
a:hover { text-decoration: underline; }
a span {font-weight:400; display: block;}

body > * { margin: 70px 20px 0 20px; }

.logo-container { height:60px; padding:0 30px;}
.logo-container img { height:100%; }

body > article {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}

.elem {
    box-sizing:border-box;
    display:inline-block;
    padding:30px 10px;
    width:200px;
}