.wrapper {
    max-width: 1200px;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    column-gap: 10px;
    justify-content: center;
    margin: 0 auto;
}

.wrapper h1 {
    grid-column: 1/13;
    text-align: center;
}

.wrapper h2 {
    grid-column: 1/13;
    grid-row: 2/3;

}

.wrapper .b {
    grid-column: 1/7;
    grid-row: 3/4;
}

.wrapper .b img {
    width: 100%;
    border-radius: 15px;
    box-shadow: 5px 5px 15px #333;
}

.wrapper .c{
    grid-column: 9/13;
}

.wrapper .d {
    grid-column: 1/13;
    grid-row: 4/5;
}

.wrapper .e {
    grid-column: 2/13;
    grid-row: 5/6;    
}

.wrapper .e ol li {
    margin: 0 0 1em 0;
    line-height: 1.2;
}

.wrapper .f{
    grid-column: 1/13;
    grid-row: 6/7;
}