/* Generic marker*/

.l-container, .l-row, .l-col {
    box-sizing: border-box;
}

.l-container {
    width: 100%;
    max-width: 65em;
    margin-right: auto;
    margin-left: auto;
}

.l-container--inner {
    padding-left: 16px;
    padding-right: 16px;
}

.l-row {
    margin-left: -16px;
}

    .l-row:after {
        display: table;
        clear: both;
        content: "";
    }

.l-col {
    position: relative;
    float: left;
    min-height: 1px;
    padding-left: 16px;
}

.l-col--center {
    margin-left: auto;
    margin-right: auto;
    float: none;
}

.l-col--revert {
    float: right;
}

.l-col--xs-1 {
    width: 25%;
}

.l-col--xs-2 {
    width: 50%;
}

.l-col--xs-3 {
    width: 75%;
}

.l-col--xs-4 {
    width: 100%;
}

@media(min-width:768px) {
    .l-container {
        padding-left: 32px;
        padding-right: 32px;
    }

    .l-col--md-1 {
        width: 8.33333%;
    }

    .l-col--md-offset-1 {
        margin-left: 8.33333%;
    }

    .l-col--md-2 {
        width: 16.66667%;
    }

    .l-col--md-offset-2 {
        margin-left: 16.66667%;
    }

    .l-col--md-3 {
        width: 25%;
    }

    .l-col--md-offset-3 {
        margin-left: 25%;
    }

    .l-col--md-4 {
        width: 33.33333%;
    }

    .l-col--md-offset-4 {
        margin-left: 33.33333%;
    }

    .l-col--md-5 {
        width: 41.66667%;
    }

    .l-col--md-offset-5 {
        margin-left: 41.66667%;
    }

    .l-col--md-6 {
        width: 50%;
    }

    .l-col--md-offset-6 {
        margin-left: 50%;
    }

    .l-col--md-7 {
        width: 58.33333%;
    }

    .l-col--md-offset-7 {
        margin-left: 58.33333%;
    }

    .l-col--md-8 {
        width: 66.66667%;
    }

    .l-col--md-offset-8 {
        margin-left: 66.66667%;
    }

    .l-col--md-9 {
        width: 75%;
    }

    .l-col--md-offset-9 {
        margin-left: 75%;
    }

    .l-col--md-10 {
        width: 83.33333%;
    }

    .l-col--md-offset-10 {
        margin-left: 83.33333%;
    }

    .l-col--md-11 {
        width: 91.66667%;
    }

    .l-col--md-offset-11 {
        margin-left: 91.66667%;
    }

    .l-col--md-12 {
        width: 100%;
    }

    .l-col--md-offset-12 {
        margin-left: 100%;
    }
}

@media(min-width:1025px) {
    .l-col--lg-1 {
        width: 8.33333%;
    }

    .l-col--lg-offset-1 {
        margin-left: 8.33333%;
    }

    .l-col--lg-2 {
        width: 16.66667%;
    }

    .l-col--lg-offset-2 {
        margin-left: 16.66667%;
    }

    .l-col--lg-3 {
        width: 25%;
    }

    .l-col--lg-offset-3 {
        margin-left: 25%;
    }

    .l-col--lg-4 {
        width: 33.33333%;
    }

    .l-col--lg-offset-4 {
        margin-left: 33.33333%;
    }

    .l-col--lg-5 {
        width: 41.66667%;
    }

    .l-col--lg-offset-5 {
        margin-left: 41.66667%;
    }

    .l-col--lg-6 {
        width: 50%;
    }

    .l-col--lg-offset-6 {
        margin-left: 50%;
    }

    .l-col--lg-7 {
        width: 58.33333%;
    }

    .l-col--lg-offset-7 {
        margin-left: 58.33333%;
    }

    .l-col--lg-8 {
        width: 66.66667%;
    }

    .l-col--lg-offset-8 {
        margin-left: 66.66667%;
    }

    .l-col--lg-9 {
        width: 75%;
    }

    .l-col--lg-offset-9 {
        margin-left: 75%;
    }

    .l-col--lg-10 {
        width: 83.33333%;
    }

    .l-col--lg-offset-10 {
        margin-left: 83.33333%;
    }

    .l-col--lg-11 {
        width: 91.66667%;
    }

    .l-col--lg-offset-11 {
        margin-left: 91.66667%;
    }

    .l-col--lg-12 {
        width: 100%;
    }

    .l-col--lg-offset-12 {
        margin-left: 100%;
    }
}

/* Generic marker end*/