html {
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

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

.grid,[class*="grid-"] {
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-left:-10px;
    margin-right:-10px;
    margin-bottom:-20px !important
}

.grid>*,[class*="grid-"]>* {
    width:100%;
    max-width:100%
}

.grid>*,[class*="grid-"]>* {
    padding-left:10px;
    padding-right:10px
}

.grid>*,[class*="grid-"]>* {
    margin-bottom:20px !important
}

.grid-reverse {
    -webkit-flex-direction:row-reverse;
    -ms-flex-direction:row-reverse;
    flex-direction:row-reverse
}

.grid-row-equal-heights>* {
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}

.grid-row-justify-content {
    justify-content: center
}

.grid-row-equal-heights>*>* {
    width:100%;
    max-width:100%
}

.no-shrink {
    -webkit-flex-shrink:0 !important;
    -ms-flex-negative:0 !important;
    flex-shrink:0 !important
}

.grid-auto>*,.grid-flex>* {
    width:auto;
    max-width:100%
}

.grid-flex {
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:nowrap;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap
}

.grid-extra-flex {
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:nowrap;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap
}

.grid-space-none {
    margin: 0;
}

.grid-space-none>* {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0 !important
}

.grid-1>* {
    width:100%;
    max-width:100%
}

.grid-2>* {
    width:50%;
    max-width:100%
}

.grid-3>* {
    width:33.33333%;
    max-width:100%
}

.grid-4>* {
    width:25%;
    max-width:100%
}

.grid-5>* {
    width:20%;
    max-width:100%
}

.one-half {
    width: 50% !important
}

@media (min-width: 480px) {
    .one-half-at-small {
        width: 50% !important
    }
}

@media (min-width: 768px) {
    .one-half-at-medium {
        width: 50%
    }

    .one-third-at-medium {
        width: 33.33333%
    }

    .one-fourth-at-medium {
        width: 25%
    }
}

@media (min-width: 1024px) {
    .one-half-at-large {
        width: 50%
    }

    .two-thirds-at-large {
        width: 66.66666%;
    }

    .one-third-at-large {
        width: 33.33333%
    }

    .one-fourth-at-large {
        width: 25% !important
    }
}

@media (min-width: 1200px) {
    .one-third-at-extra-large {
        width: 33.33333%
    }

    .two-thirds-at-extra-large {
        width: 66.66666%
    }

    .one-fourth-at-extra-large {
        width: 25%
    }

    .one-fifth-at-extra-large {
        width: 20%
    }
}

.grid-align-left,.flex-align-left {
    display:-webkit-flex !important;
    display:-ms-flexbox !important;
    display:flex !important;
    -webkit-justify-content:flex-start !important;
    -ms-flex-pack:start !important;
    justify-content:flex-start !important
}

.grid-align-center,.flex-align-center {
    display:-webkit-flex !important;
    display:-ms-flexbox !important;
    display:flex !important;
    -webkit-justify-content:center !important;
    -ms-flex-pack:center !important;
    justify-content:center !important
}

.grid-align-right,.flex-align-right {
    display:-webkit-flex !important;
    display:-ms-flexbox !important;
    display:flex !important;
    -webkit-justify-content:flex-end !important;
    -ms-flex-pack:end !important;
    justify-content:flex-end !important
}

.grid-align-justify,.flex-align-justify {
    display:-webkit-flex !important;
    display:-ms-flexbox !important;
    display:flex !important;
    -webkit-justify-content:space-between !important;
    -ms-flex-pack:justify !important;
    justify-content:space-between !important
}

.grid-valign-top,.flex-valign-top {
    display:-webkit-flex !important;
    display:-ms-flexbox !important;
    display:flex !important;
    -webkit-align-content:flex-start !important;
    -ms-flex-line-pack:start !important;
    align-content:flex-start !important;
    -webkit-align-items:flex-start !important;
    -ms-flex-align:start !important;
    align-items:flex-start !important
}

.grid-valign-middle {
    display:-webkit-flex !important;
    display:-ms-flexbox !important;
    display:flex !important;
    -webkit-align-content:center !important;
    -ms-flex-line-pack:center !important;
    align-content:center !important;
    -webkit-align-items:center !important;
    -ms-flex-align:center !important;
    align-items:center !important
}

@media (min-width: 1024px) {
    .grid-valign-middle-at-large {
        display:-webkit-flex !important;
        display:-ms-flexbox !important;
        display:flex !important;
        -webkit-align-content:center !important;
        -ms-flex-line-pack:center !important;
        align-content:center !important;
        -webkit-align-items:center !important;
        -ms-flex-align:center !important;
        align-items:center !important
    }
}

.grid-valign-bottom,.flex-valign-bottom {
    display:-webkit-flex !important;
    display:-ms-flexbox !important;
    display:flex !important;
    -webkit-align-content:flex-end !important;
    -ms-flex-line-pack:end !important;
    align-content:flex-end !important;
    -webkit-align-items:flex-end !important;
    -ms-flex-align:end !important;
    align-items:flex-end !important
}

.grid-valign-justify,.flex-valign-justify {
    display:-webkit-flex !important;
    display:-ms-flexbox !important;
    display:flex !important;
    -webkit-align-content:space-between !important;
    -ms-flex-line-pack:justify !important;
    align-content:space-between !important;
    -webkit-align-items:flex-start !important;
    -ms-flex-align:start !important;
    align-items:flex-start !important
}





/*


.grid-row-equal-heights > * {
    display: flex;
    flex-wrap: wrap
}

.grid-row-equal-heights > * > * {
    flex: 0 1 auto
}

.grid-row-equal-heights > * > * {
    width: 100%
}


.grid-space-medium, .grid-col-space-medium {
    margin-left: -30px;
    margin-right: -30px
}

.grid-space-medium > * , .grid-col-space-medium > * {
    padding-left: 30px;
    padding-right: 30px
}

.grid-space-medium, .grid-row-space-medium {
    margin-bottom: -60px !important
}

.grid-space-medium > * , .grid-row-space-medium > * {
    margin-bottom: 60px !important
}

*/