.skillscontainer {
    width: 100%;
    padding-top: 4em;
}

.row {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 5px;
}


/* content */


/* 1/12 */

.col-1 {
    width: 8.33%;
}


/* 2/12 */

.col-2 {
    width: 16.66%;
}


/* 3/12 */

.col-3 {
    width: 25%;
}


/* 4/12 */

.col-4 {
    width: 33.33%
}


/* 5/12 */

.col-5 {
    width: 41.66%;
}


/* 6/12 */

.col-6 {
    width: 50%;
}


/* 7/12 */

.col-7 {
    width: 58.33%;
}


/* 8/12 */

.col-8 {
    width: 66.66%;
}


/* 9/12 */

.col-9 {
    width: 75%;
}


/* 10/12 */

.col-10 {
    width: 83.33%;
}


/* 11/12 */

.col-11 {
    width: 91.66%;
}


/* 12/12 */

.col-12 {
    width: 100%;
}


/* viewport <= 1000px */

@media screen and (max-width: 1000px) {
    .row * {
        font-size: 1em;
    }
}


/* viewport <= 630px */

@media screen and (max-width: 630px) {
    .row div {
        padding: 1.5%;
        display: inline-table;
    }
}


/* viewport <= 500px */

@media screen and (max-width: 500px) {
    .row * {
        font-size: 0.9em;
    }
}