/* ----------------------------------*/
/* ------------ PROJECTS ------------*/
/* ----------------------------------*/


.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

.row:after {
    content: "";
    clear: both;
    display: table;
    margin: 0;
}

[class*="col-"] {
    display: table-cell;
    vertical-align: middle;
}

.col-floatleft{
    float: left;
}

.col-floatright{
    float: right;
}


@media only screen and (max-width: 767px) {


    [class*="col-"] {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
    }

    .col-floatleft{
        float: left;
    }

    .col-floatright{
        float: right;
    }
    
    .test{
        visibility: hidden;
        display: none;
        margin: 0;
        padding: 0;
        width: 0;
        height: 0;
        min-height: 0;
    }
}