.column-layout::after {
    content: "";
    display: table;
    clear: both;
}

.col {
    float: left;
    width: 10%;
}

.col-7 {
    width: 70%;
}

.col-3 {
    width: 30%;
}

/*  Tablets & Phones */
@media only screen and (max-width: 768px) {
    .col-7, .col-3 {
      width: 100%;
    }
}