html {
    font-size: 1em;
    box-sizing: border-box;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

body {
    font-size: 1rem;
}

.content {
    padding-top: 5%;
    padding-bottom: 5%;
    height: 100%;
}

.container {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    max-width: 1200px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.row {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}

.row::before,
.row::after {
    content: ' ';
    display: table;
}

.row::after {
    clear: both;
}

[class*='column'] {
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.xs-one[class*='column'], .xs-1[class*='column'] {
    width: 8.3333333333%;
}

.xs-two[class*='column'], .xs-2[class*='column'] {
    width: 16.6666666666%;
}

.xs-three[class*='column'], .xs-3[class*='column'] {
    width: 24.9999999999%;
}

.xs-four[class*='column'], .xs-4[class*='column'] {
    width: 33.3333333332%;
}

.xs-five[class*='column'], .xs-5[class*='column'] {
    width: 41.6666666665%;
}

.xs-six[class*='column'], .xs-6[class*='column'] {
    width: 49.9999999998%;
}

.xs-seven[class*='column'], .xs-7[class*='column'] {
    width: 58.3333333331%;
}

.xs-eight[class*='column'], .xs-8[class*='column'] {
    width: 66.6666666664%;
}

.xs-nine[class*='column'], .xs-9[class*='column'] {
    width: 74.9999999997%;
}

.xs-ten[class*='column'], .xs-10[class*='column'] {
    width: 83.333333333%;
}

.xs-eleven[class*='column'], .xs-11[class*='column'] {
    width: 91.6666666663%;
}

.xs-twelve[class*='column'], .xs-12[class*='column'] {
    width: 99.9999999996%;
}

[class*='xs-'][class*='column'] ~ [class*='xs-'][class*='column'] {
    margin-top: 0;
}

/* Larger than tablet (also point when grid becomes active) */
@media screen and (min-width: 560px) {
    [class*='column'] ~ [class*='column'] {
        margin-top: 0;
    }

    .one[class*='column'] {
        width: 8.3333333333%;
    }

    .two[class*='column'] {
        width: 16.6666666666%;
    }

    .three[class*='column'] {
        width: 24.9999999999%;
    }

    .four[class*='column'] {
        width: 33.3333333332%;
    }

    .five[class*='column'] {
        width: 41.6666666665%;
    }

    .six[class*='column'] {
        width: 49.9999999998%;
    }

    .seven[class*='column'] {
        width: 58.3333333331%;
    }

    .eight[class*='column'] {
        width: 66.6666666664%;
    }

    .nine[class*='column'] {
        width: 74.9999999997%;
    }

    .ten[class*='column'] {
        width: 83.333333333%;
    }

    .eleven[class*='column'] {
        width: 91.6666666663%;
    }

    .twelve[class*='column'] {
        width: 99.9999999996%;
    }

    .offset-by-one[class*='column'] {
        margin-left: 8.3333333333%;
    }

    .offset-by-two[class*='column'] {
        margin-left: 16.6666666666%;
    }

    .offset-by-three[class*='column'] {
        margin-left: 24.9999999999%;
    }

    .offset-by-four[class*='column'] {
        margin-left: 33.3333333332%;
    }

    .offset-by-five[class*='column'] {
        margin-left: 41.6666666665%;
    }

    .offset-by-six[class*='column'] {
        margin-left: 49.9999999998%;
    }

    .offset-by-seven[class*='column'] {
        margin-left: 58.3333333331%;
    }

    .offset-by-eight[class*='column'] {
        margin-left: 66.6666666664%;
    }

    .offset-by-nine[class*='column'] {
        margin-left: 74.9999999997%;
    }

    .offset-by-ten[class*='column'] {
        margin-left: 83.333333333%;
    }

    .offset-by-eleven[class*='column'] {
        margin-left: 91.6666666663%;
    }

    .sm-one[class*='column'], .sm-1[class*='column'] {
        width: 8.3333333333%;
    }

    .sm-two[class*='column'], .sm-2[class*='column'] {
        width: 16.6666666666%;
    }

    .sm-three[class*='column'], .sm-3[class*='column'] {
        width: 24.9999999999%;
    }

    .sm-four[class*='column'], .sm-4[class*='column'] {
        width: 33.3333333332%;
    }

    .sm-five[class*='column'], .sm-5[class*='column'] {
        width: 41.6666666665%;
    }

    .sm-six[class*='column'], .sm-6[class*='column'] {
        width: 49.9999999998%;
    }

    .sm-seven[class*='column'], .sm-7[class*='column'] {
        width: 58.3333333331%;
    }

    .sm-eight[class*='column'], .sm-8[class*='column'] {
        width: 66.6666666664%;
    }

    .sm-nine[class*='column'], .sm-9[class*='column'] {
        width: 74.9999999997%;
    }

    .sm-ten[class*='column'], .sm-10[class*='column'] {
        width: 83.333333333%;
    }

    .sm-eleven[class*='column'], .sm-11[class*='column'] {
        width: 91.6666666663%;
    }

    .sm-twelve[class*='column'], .sm-12[class*='column'] {
        width: 99.9999999996%;
    }

    .sm-offset-by-zero[class*='column'] {
        margin-left: 0;
    }

    .sm-offset-by-one[class*='column'] {
        margin-left: 8.3333333333%;
    }

    .sm-offset-by-two[class*='column'] {
        margin-left: 16.6666666666%;
    }

    .sm-offset-by-three[class*='column'] {
        margin-left: 24.9999999999%;
    }

    .sm-offset-by-four[class*='column'] {
        margin-left: 33.3333333332%;
    }

    .sm-offset-by-five[class*='column'] {
        margin-left: 41.6666666665%;
    }

    .sm-offset-by-six[class*='column'] {
        margin-left: 49.9999999998%;
    }

    .sm-offset-by-seven[class*='column'] {
        margin-left: 58.3333333331%;
    }

    .sm-offset-by-eight[class*='column'] {
        margin-left: 66.6666666664%;
    }

    .sm-offset-by-nine[class*='column'] {
        margin-left: 74.9999999997%;
    }

    .sm-offset-by-ten[class*='column'] {
        margin-left: 83.333333333%;
    }

    .sm-offset-by-eleven[class*='column'] {
        margin-left: 91.6666666663%;
    }
}

/* Larger than tablet */
@media screen and (min-width: 720px) {
    .md-one[class*='column'], .md-1[class*='column'] {
        width: 8.3333333333%;
    }

    .md-two[class*='column'], .md-2[class*='column'] {
        width: 16.6666666666%;
    }

    .md-three[class*='column'], .md-3[class*='column'] {
        width: 24.9999999999%;
    }

    .md-four[class*='column'], .md-4[class*='column'] {
        width: 33.3333333332%;
    }

    .md-five[class*='column'], .md-5[class*='column'] {
        width: 41.6666666665%;
    }

    .md-six[class*='column'], .md-6[class*='column'] {
        width: 49.9999999998%;
    }

    .md-seven[class*='column'], .md-7[class*='column'] {
        width: 58.3333333331%;
    }

    .md-eight[class*='column'], .md-8[class*='column'] {
        width: 66.6666666664%;
    }

    .md-nine[class*='column'], .md-9[class*='column'] {
        width: 74.9999999997%;
    }

    .md-ten[class*='column'], .md-10[class*='column'] {
        width: 83.333333333%;
    }

    .md-eleven[class*='column'], .md-11[class*='column'] {
        width: 91.6666666663%;
    }

    .md-twelve[class*='column'], .md-12[class*='column'] {
        width: 99.9999999996%;
    }

    .md-offset-by-zero[class*='column'] {
        margin-left: 0;
    }

    .md-offset-by-one[class*='column'] {
        margin-left: 8.3333333333%;
    }

    .md-offset-by-two[class*='column'] {
        margin-left: 16.6666666666%;
    }

    .md-offset-by-three[class*='column'] {
        margin-left: 24.9999999999%;
    }

    .md-offset-by-four[class*='column'] {
        margin-left: 33.3333333332%;
    }

    .md-offset-by-five[class*='column'] {
        margin-left: 41.6666666665%;
    }

    .md-offset-by-six[class*='column'] {
        margin-left: 49.9999999998%;
    }

    .md-offset-by-seven[class*='column'] {
        margin-left: 58.3333333331%;
    }

    .md-offset-by-eight[class*='column'] {
        margin-left: 66.6666666664%;
    }

    .md-offset-by-nine[class*='column'] {
        margin-left: 74.9999999997%;
    }

    .md-offset-by-ten[class*='column'] {
        margin-left: 83.333333333%;
    }

    .md-offset-by-eleven[class*='column'] {
        margin-left: 91.6666666663%;
    }
}

/* Larger than desktop */
@media screen and (min-width: 960px) {
    .lg-one[class*='column'], .lg-1[class*='column'] {
        width: 8.3333333333%;
    }

    .lg-two[class*='column'], .lg-2[class*='column'] {
        width: 16.6666666666%;
    }

    .lg-three[class*='column'], .lg-3[class*='column'] {
        width: 24.9999999999%;
    }

    .lg-four[class*='column'], .lg-4[class*='column'] {
        width: 33.3333333332%;
    }

    .lg-five[class*='column'], .lg-5[class*='column'] {
        width: 41.6666666665%;
    }

    .lg-six[class*='column'], .lg-6[class*='column'] {
        width: 49.9999999998%;
    }

    .lg-seven[class*='column'], .lg-7[class*='column'] {
        width: 58.3333333331%;
    }

    .lg-eight[class*='column'], .lg-8[class*='column'] {
        width: 66.6666666664%;
    }

    .lg-nine[class*='column'], .lg-9[class*='column'] {
        width: 74.9999999997%;
    }

    .lg-ten[class*='column'], .lg-10[class*='column'] {
        width: 83.333333333%;
    }

    .lg-eleven[class*='column'], .lg-11[class*='column'] {
        width: 91.6666666663%;
    }

    .lg-twelve[class*='column'], .lg-12[class*='column'] {
        width: 99.9999999996%;
    }

    .lg-offset-by-zero[class*='column'] {
        margin-left: 0;
    }

    .lg-offset-by-one[class*='column'] {
        margin-left: 8.3333333333%
    }

    .lg-offset-by-two[class*='column'] {
        margin-left: 16.6666666666%
    }

    .lg-offset-by-three[class*='column'] {
        margin-left: 24.9999999999%;
    }

    .lg-offset-by-four[class*='column'] {
        margin-left: 33.3333333332%;
    }

    .lg-offset-by-five[class*='column'] {
        margin-left: 41.6666666665%;
    }

    .lg-offset-by-six[class*='column'] {
        margin-left: 49.9999999998%;
    }

    .lg-offset-by-seven[class*='column'] {
        margin-left: 58.3333333331%;
    }

    .lg-offset-by-eight[class*='column'] {
        margin-left: 66.6666666664%;
    }

    .lg-offset-by-nine[class*='column'] {
        margin-left: 74.9999999997%;
    }

    .lg-offset-by-ten[class*='column'] {
        margin-left: 83.333333333%;
    }

    .lg-offset-by-eleven[class*='column'] {
        margin-left: 91.6666666663%;
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 2rem;
    font-weight: 300;
}

h1 {
    font-size: 1.125rem;
    line-height: 1.2;
}

h2 {
    font-size: 1.0625rem;
    line-height: 1.25;
}

h3 {
    font-size: 1rem;
    line-height: 1.3;
}

h4 {
    font-size: 0.9375rem;
    line-height: 1.35;
}

h5 {
    font-size: 0.875rem;
    line-height: 1.5;
}

h6 {
    font-size: 0.75rem;
    line-height: 1.6;
}

.block-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.table-responsive {
    overflow-x: auto;
}

.table-responsive th,
.table-responsive td {
    white-space: nowrap;
}

table {
    border-collapse: collapse;
    -webkit-overflow-scrolling: touch;
}

.full-width {
    width: 100%;
}

.max-full-width {
    max-width: 100%;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.block-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.container:after,
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* Larger than mobile */
@media (min-width: 250px) and (max-width: 559px) {
}

/* Larger than mobile */
@media (min-width: 300px) and (max-width: 559px) {
}

/* Larger than tablet (also point when grid becomes active) */
@media (min-width: 560px) {
}

/* Larger than tablet */
@media (min-width: 720px) {
}

/* Larger than desktop */
@media (min-width: 960px) {

}

/* Larger than Desktop HD */
@media (min-width: 1400px) {

}