.center { text-align: center; }
.azpi-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-50 {
    width: 50%;
}

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

.inner p {
    margin: 15px 0;
}

.mobile {
    display: block;
}
.desktop {
    display: none;
}

@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;
    }
    .mobile {
        display: none;
    }
    .desktop {
        display: block;
    }
    
}