/*linha, colunas, clear*/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    background-color: #e7e9f3;
    color: #3e464d;
    font-family: 'Lato', Arial, sans-serif;
    font-weight: 300;
    font-size: 20px;
    text-rendering: optimizeLegibility;
}

.clearfix {
    zoom: 1;
}

    .clearfix:after {
        content: ".";
        clear: both;
        display: block;
        height: 0;
        visibility: hidden;
    }

.limpa-linha {
    zoom: 1;
}

    .limpa-linha:after, limpa-linha:before {
        content: "";
        display: table;
    }

    .limpa-linha:after {
        clear: both;
    }

.linha {
    zoom: 1;
    /*seta as margens right e left auto pra sempre ter o elemento centralizado*/
    margin: 0 auto; /*equivale a margin: 0 auto 0 auto;*/
    max-width: 1140px;
}

    .linha:after, linha:before {
        content: "";
        display: table;
    }

    .linha:after {
        clear: both;
    }

.linha100 {
    width: 100%;
    display: block;
}

    .linha100:after, linha100:before {
        content: "";
        display: table;
    }

    .linha100:after {
        clear: both;
    }

.grupo {
    zoom: 1;
}

    .grupo:before,
    .grupo:after {
        content: "";
        display: table;
        clear: both;
    }

.col {
    display: block;
    float: left;
    margin: 0 0 0 1.6%;
}

    .col:first-child {
        margin-left: 0;
    }

/*  GRID OF TWELVE  */
.c-12-12 {
    width: 100%;
}

.c-11-12 {
    width: 91.53%;
}

.c-10-12 {
    width: 83.06%;
}

.c-9-12 {
    width: 74.6%;
}

.c-8-12 {
    width: 66.13%;
}

.c-7-12 {
    width: 57.66%;
}

.c-6-12 {
    width: 49.2%;
}

.c-5-12 {
    width: 40.73%;
}

.c-4-12 {
    width: 32.26%;
}

.c-3-12 {
    width: 23.8%;
}

.c-2-12 {
    width: 15.33%;
}

.c-1-12 {
    width: 6.866%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
    .col {
        margin: 1% 0 1% 0%;
    }

    .c-1-12, .c-2-12, .c-3-12, .c-4-12, .c-5-12, .c-6-12, .c-7-12, .c-8-12, .c-9-12, .c-10-12, .c-11-12, .c-12-12 {
        width: 100%;
    }
}