.center { text-align: center; }

.clear { clear: left; }
.row {
    clear: left;
    margin: 15px 0;
}
.row:after {
    display: table;
    clear: left;
    content: "";
}

.col {
    float: left;
}
.col + .col > div {
    margin-left: 10px;
}

.col-50 {
    width: 50%;
}

.illustration {
    height: 150px;
    background-size: cover;
}

.inner p {
    margin: 15px 0;
}

@media (min-width: 1024px) {
    
    .inner {
        float: left;
        width: 70%;
    }
        
    .row {
        clear: left;
        margin: 30px 0;
    }    
    
    .col + .col > div {
        margin-left: 15px;
    }
    
    .illustration {
        height: 200px;
        background-size: contain;
    }
    
}