.wrapper {
margin: 2em auto;
max-width: 160ex;
}
.header {
background-color: #ffffff;
padding: 0.5em;
font-size: 1.7em;
font-weight: bold;
text-align: center;
font-family: Courier;
color: #ffffff;
letter-spacing: 0.4em;
text-transform: uppercase;
}
.layout {
display: grid;
grid-template-columns: 1fr 4fr;
}
/* Horizontal and vertical centering of 1st column icons */
.layout > :nth-child(2n+1) {
display: flex;
align-items: center;
margin: auto;
}
.layout > :nth-child(2n) { /* 2nd column: text content */
margin: 3em 5ex;
}
.layout a.image { /* Are flexible. Else, we should set them as inline-block */
background-color: #ffffff;
padding: 0.9em;
}