.col-1 {
    width: 29%;
}

.col-2 {
    width: 46.5%;
}

.col-3 {
    width: 100%;
}

.bg-blue {
    background: #284c74;
}

.bg-grey {
    background: #4f4d50;
}

.bg-green {
    background: #27463c;
}

.bg-yellow {
    background: #f3c142;
}

.bg-light-blue {
    background: #5da8ec;
}

.bg-light-green {
    background: #63c44b;
}

.bg-purple {
    background: #7e83f7;
}

.bg-brown {
    background: #3d7daf;
}

.col-blue {
    color: #284c74;
}

.col-grey {
    color: #4f4d50;
}

.col-green {
    color: #27463c;
}

.col-light-blue {
    color: #067692;
}