* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

img {
    width: auto;
    max-width: 100%;
    height: auto!important
}

.grid-wrapper {
    width: 100%;
    margin: 0 auto
}

.grid-container {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 60%
}

.grid-container-full {
    display: block;
    width: 100%
}

.grid-container-full .grid-wrapper {
    width: 100%
}

[class*=gridzy-],
[class*=column-] {
    float: left;
    padding: 1em;
    width: 100%;
    min-height: 1px
}

.grid-row:after,
.grid-row:before,
.grid-wrapper:after,
.grid-wrapper:before {
    content: " ";
    display: table
}

.grid-row:after,
.grid-wrapper:after {
    clear: both
}

.grid-color.primary {
    background: #db4437
}

.grid-color.primary-light {
    background: #e67c73
}

.grid-color.primary-dark {
    background: #c53929
}

.grid-color.accent {
    background: #f4b400
}

.grid-color.accent-light {
    background: #f7cb4d
}

.grid-color.accent-dark {
    background: #f09300
}

.grid-color.secondary {
    background: #4285f4
}

.grid-color.secondary-light {
    background: #7baaf7
}

.grid-color.secondary-dark {
    background: #3367d6
}

.grid-color.foreground {
    background: #4285f4
}

.grid-color.foreground-light {
    background: #e0e0e0
}

.grid-color.foreground-dark {
    background: #9e9e9e
}

.grid-color.foreground-darker {
    background: #616161
}

.grid-color.background,
.grid-color.background-dark,
.grid-color.background-darker,
.grid-color.background-light {
    background: #bcbcbc
}

@media only screen and (min-width:32em) {
    .wrapper {
        width: 95%;
        max-width: 100%
    }
    .column-1 {
        width: 8.33333%
    }
    .column-2 {
        width: 16.66667%
    }
    .column-3 {
        width: 25%
    }
    .column-4 {
        width: 33.33333%
    }
    .column-5 {
        width: 41.66667%
    }
    .column-6 {
        width: 50%
    }
    .column-7 {
        width: 58.33333%
    }
    .column-8 {
        width: 66.66667%
    }
    .column-9 {
        width: 75%
    }
    .column-10 {
        width: 83.33333%
    }
    .column-11 {
        width: 91.66667%
    }
    .column-12 {
        width: 100%
    }
}