@media screen and (min-width: 769px), print {
    .column.is-column-center {
        flex: none;
        width: 50%;
    }
    .column.is-column-right {
        flex: none;
        width: 50%;
    }
}
@media screen and (min-width: 1088px) {
    .column.is-column-center {
        flex: none;
        width: 50%;
    }
    .column.is-column-right {
        flex: none;
        width: 50%;
    }
}
  
@media screen and (min-width: 1280px) {
    .column.is-column-center {
        flex: none;
        width: 60%;
    }
    .column.is-column-right {
        flex: none;
        width: 40%;
    }
}
@media screen and (min-width: 1472px) {
    .column.is-column-center {
        flex: none;
        width: 70%;
    }
    .column.is-column-right {
        flex: none;
        width: 30%;
    }
}