.zf-logo {
    width:80px; 
    height: auto; 
    float: left; 
    margin-right: 10px;
}
.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-40 {
    width: 40%;
}
.col-60 {
    width: 60%;
}
.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: 300px;
        background-size: cover;
    }
    
    .service-logo {
        width: 250px;
    }

    .service {
        float: left;
    }
    
    .service-text {
        width: calc(100% - 280px);
        padding: 10px 15px;
    }
    
    .service-text ul {
        padding: 0 20px;
    }
}