/*! Responsimple v1.0.1 (c) 2015 by Jonathan MirCha - @jonmircha | MIT License | github.com/jonmircha/responsimple */
html,
mark {
    color: #000
}

pre,
textarea {
    overflow: auto
}

.bullet,
li {
    list-style-type: inherit;
    list-style-position: outside
}

html {
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: sans-serif;
    font-size: 16px;
    -ms-text-size-ajust: 100%;
    -moz-text-size-ajust: 100%;
    -webkit-text-size-ajust: 100%;
    text-size-adjust: 100%;
    background-color: #FFF
}

body {
    overflow-x: hidden
}

*,
::after,
::before {
    -ms-box-sizing: inherit;
    -moz-box-sizing: inherit;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    margin: 0;
    padding: 0
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

h1 {
    font-size: 32px;
    font-size: 2rem
}

h2 {
    font-size: 28px;
    font-size: 1.75rem
}

h3 {
    font-size: 24px;
    font-size: 1.5rem
}

h4 {
    font-size: 20px;
    font-size: 1.25rem
}

h5 {
    font-size: 16px;
    font-size: 1rem
}

h6 {
    font-size: 12px;
    font-size: .75rem
}

li {
    margin-left: 1rem
}

.mauto,
hr {
    margin: auto
}

a,
abbr,
b,
code,
dfn,
em,
i,
li,
mark,
p,
pre,
strong {
    font-size: inherit
}

small {
    font-size: 75%
}

abbr,
dfn,
em,
i {
    font-style: italic
}

abbr[title] {
    border-bottom: thin dotted
}

b,
optgroup,
strong {
    font-weight: 700
}

mark {
    background-color: #FF0
}

sub,
sup {
    font-size: 12px;
    font-size: .75rem;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -8px;
    top: -.5rem
}

sub {
    bottom: -4px;
    bottom: -.25rem
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 16px;
    font-size: 1rem
}

hr {
    width: 100%;
    height: 0;
    border: thin solid #000
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
iframe,
img,
picture,
progress,
svg,
video {
    display: inline-block;
    vertical-align: baseline;
    width: 100%;
    max-width: 100%;
    height: auto;
    border: 0
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
optgroup,
option,
select,
textarea {
    padding: .25rem;
    font-family: inherit;
    font-size: 16px;
    font-size: 1rem;
    border: thin solid #000;
    color: inherit
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

input {
    line-height: normal
}

textarea {
    vertical-align: bottom;
    resize: none
}

button,
input[type=button],
input[type=submit],
input[type=reset],
input[type=checkbox],
input[type=radio],
label,
select {
    cursor: pointer
}

[disabled] {
    cursor: default;
    color: #999;
    background-color: #DDD
}

fieldset {
    border: thin solid silver;
    padding: .5rem
}

.border,
table,
td,
th {
    border: thin solid #000
}

table {
    border-collapse: collapse
}

::selection {
    color: #FFF;
    background-color: #338FFF
}

::-moz-selection {
    color: #FFF;
    background-color: #338FFF
}

.container,
.container-full {
    display: block;
    width: 100%;
    margin: auto;
    font-size: 0
}

.container {
    max-width: 1200px
}

.item {
    display: block;
    width: 100%;
    padding: 1rem;
    font-size: 16px;
    font-size: 1rem
}

.ph12 {
    width: 100%
}

.ph11 {
    width: 91.66666666666667%
}

.ph10 {
    width: 83.33333333333333%
}

.ph9 {
    width: 75%
}

.ph8 {
    width: 66.66666666666667%
}

.ph7 {
    width: 58.33333333333333%
}

.ph6 {
    width: 50%
}

.ph5 {
    width: 41.66666666666667%
}

.ph4 {
    width: 33.33333333333333%
}

.ph3 {
    width: 25%
}

.ph2 {
    width: 16.66666666666667%
}

.ph1 {
    width: 8.333333333333333%
}

.floatl {
    float: left
}

.floatr {
    float: right
}

.nofloat {
    float: none
}

.clear,
.clear::after,
.clear::before {
    clear: both
}

.clear::after,
.clear::before {
    content: '';
    display: block
}

.i-b {
    display: inline-block
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.flex-inline {
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex
}

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

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

.flex-column {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-column-reverse {
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.flex-nowrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.flex-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse
}

.jc-flex-start {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.jc-flex-end {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.jc-center {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.jc-space-between {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.jc-space-around {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.ai-flex-start {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.ai-flex-end {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.ai-center {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ai-baseline {
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.ai-stretch {
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.ac-flex-start {
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start
}

.ac-flex-end {
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end
}

.ac-center {
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.ac-space-between {
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between
}

.ac-space-around {
    -webkit-align-content: space-around;
    -ms-flex-line-pack: justify;
    align-content: space-around
}

.ac-stretch {
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch
}

.flex-none {
    -ms-flex: none;
    -webkit-flex: none;
    flex: none
}

.flex-auto {
    -ms-flex: auto;
    -webkit-flex: auto;
    flex: auto
}

.as-flex-start {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.as-flex-end {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.as-center {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.as-baseline {
    -webkit-align-self: baseline;
    -ms-flex-item-align: baseline;
    align-self: baseline
}

.as-stretch {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.as-auto {
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto
}

.v-top {
    vertical-align: top
}

.v-middle {
    vertical-align: middle
}

.v-bottom {
    vertical-align: bottom
}

.v-baseline {
    vertical-align: baseline
}

.left {
    text-align: left
}

.center {
    text-align: center
}

.right {
    text-align: right
}

.justify {
    text-align: justify
}

.f0 {
    font-size: 0
}

.f_25 {
    font-size: 4px;
    font-size: .25rem
}

.f_5 {
    font-size: 8px;
    font-size: .5rem
}

.f_75 {
    font-size: 12px;
    font-size: .75rem
}

.f1 {
    font-size: 16px;
    font-size: 1rem
}

.f1_25 {
    font-size: 20px;
    font-size: 1.25rem
}

.f1_5 {
    font-size: 24px;
    font-size: 1.5rem
}

.f1_75 {
    font-size: 28px;
    font-size: 1.75rem
}

.f2 {
    font-size: 32px;
    font-size: 2rem
}

.f2_5 {
    font-size: 40px;
    font-size: 2.5rem
}

.f3 {
    font-size: 48px;
    font-size: 3rem
}

.f3_5 {
    font-size: 56px;
    font-size: 3.5rem
}

.f4 {
    font-size: 64px;
    font-size: 4rem
}

.f4_5 {
    font-size: 72px;
    font-size: 4.5rem
}

.f5 {
    font-size: 80px;
    font-size: 5rem
}

.m0 {
    margin: 0
}

.m_25 {
    margin: .25rem
}

.m_5 {
    margin: .5rem
}

.m_75 {
    margin: .75rem
}

.m1 {
    margin: 1rem
}

.m1_25 {
    margin: 1.25rem
}

.m1_5 {
    margin: 1.5rem
}

.m1_75 {
    margin: 1.75rem
}

.m2 {
    margin: 2rem
}

.pauto {
    padding: auto
}

.p0 {
    padding: 0
}

.p_25 {
    padding: .25rem
}

.p_5 {
    padding: .5rem
}

.p_75 {
    padding: .75rem
}

.p1 {
    padding: 1rem
}

.p1_25 {
    padding: 1.25rem
}

.p1_5 {
    padding: 1.5rem
}

.p1_75 {
    padding: 1.75rem
}

.p2 {
    padding: 2rem
}

.noborder {
    border: 0
}

.round {
    border-radius: 100%
}

.noround {
    border-radius: 0
}

.inline {
    display: inline
}

.block {
    display: block
}

.none {
    display: none
}

.bullet {
    margin-left: 1rem
}

.nobullet {
    margin-left: 0;
    list-style-type: none
}

@media screen and (min-width:30em) {
    .sm12 {
        width: 100%
    }

    .sm11 {
        width: 91.66666666666667%
    }

    .sm10 {
        width: 83.33333333333333%
    }

    .sm9 {
        width: 75%
    }

    .sm8 {
        width: 66.66666666666667%
    }

    .sm7 {
        width: 58.33333333333333%
    }

    .sm6 {
        width: 50%
    }

    .sm5 {
        width: 41.66666666666667%
    }

    .sm4 {
        width: 33.33333333333333%
    }

    .sm3 {
        width: 25%
    }

    .sm2 {
        width: 16.66666666666667%
    }

    .sm1 {
        width: 8.333333333333333%
    }

    .sm-floatl {
        float: left
    }

    .sm-floatr {
        float: right
    }

    .sm-nofloat {
        float: none
    }

    .sm-clear,
    .sm-clear::after,
    .sm-clear::before {
        clear: both
    }

    .sm-clear::after,
    .sm-clear::before {
        content: '';
        display: block
    }

    .sm-i-b {
        display: inline-block
    }

    .sm-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    .sm-flex-inline {
        display: -ms-inline-flexbox;
        display: -webkit-inline-flex;
        display: inline-flex
    }

    .sm-flex-row {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

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

    .sm-flex-column {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .sm-flex-column-reverse {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .sm-flex-nowrap {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .sm-flex-wrap {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .sm-flex-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse;
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse
    }

    .sm-jc-flex-start {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .sm-jc-flex-end {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .sm-jc-center {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .sm-jc-space-between {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .sm-jc-space-around {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .sm-ai-flex-start {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .sm-ai-flex-end {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .sm-ai-center {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .sm-ai-baseline {
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .sm-ai-stretch {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .sm-ac-flex-start {
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start
    }

    .sm-ac-flex-end {
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end
    }

    .sm-ac-center {
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center
    }

    .sm-ac-space-between {
        -webkit-align-content: space-between;
        -ms-flex-line-pack: justify;
        align-content: space-between
    }

    .sm-ac-space-around {
        -webkit-align-content: space-around;
        -ms-flex-line-pack: justify;
        align-content: space-around
    }

    .sm-ac-stretch {
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }

    .sm-flex-none {
        -ms-flex: none;
        -webkit-flex: none;
        flex: none
    }

    .sm-flex-auto {
        -ms-flex: auto;
        -webkit-flex: auto;
        flex: auto
    }

    .sm-as-flex-start {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .sm-as-flex-end {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end
    }

    .sm-as-center {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }

    .sm-as-baseline {
        -webkit-align-self: baseline;
        -ms-flex-item-align: baseline;
        align-self: baseline
    }

    .sm-as-stretch {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch
    }

    .sm-as-auto {
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto
    }

    .sm-v-top {
        vertical-align: top
    }

    .sm-v-middle {
        vertical-align: middle
    }

    .sm-v-bottom {
        vertical-align: bottom
    }

    .sm-v-baseline {
        vertical-align: baseline
    }

    .sm-left {
        text-align: left
    }

    .sm-center {
        text-align: center
    }

    .sm-right {
        text-align: right
    }

    .sm-justify {
        text-align: justify
    }

    .sm-f0 {
        font-size: 0
    }

    .sm-f_25 {
        font-size: 4px;
        font-size: .25rem
    }

    .sm-f_5 {
        font-size: 8px;
        font-size: .5rem
    }

    .sm-f_75 {
        font-size: 12px;
        font-size: .75rem
    }

    .sm-f1 {
        font-size: 16px;
        font-size: 1rem
    }

    .sm-f1_25 {
        font-size: 20px;
        font-size: 1.25rem
    }

    .sm-f1_5 {
        font-size: 24px;
        font-size: 1.5rem
    }

    .sm-f1_75 {
        font-size: 28px;
        font-size: 1.75rem
    }

    .sm-f2 {
        font-size: 32px;
        font-size: 2rem
    }

    .sm-f2_5 {
        font-size: 40px;
        font-size: 2.5rem
    }

    .sm-f3 {
        font-size: 48px;
        font-size: 3rem
    }

    .sm-f3_5 {
        font-size: 56px;
        font-size: 3.5rem
    }

    .sm-f4 {
        font-size: 64px;
        font-size: 4rem
    }

    .sm-f4_5 {
        font-size: 72px;
        font-size: 4.5rem
    }

    .sm-f5 {
        font-size: 80px;
        font-size: 5rem
    }

    .sm-mauto {
        margin: auto
    }

    .sm-m0 {
        margin: 0
    }

    .sm-m_25 {
        margin: .25rem
    }

    .sm-m_5 {
        margin: .5rem
    }

    .sm-m_75 {
        margin: .75rem
    }

    .sm-m1 {
        margin: 1rem
    }

    .sm-m1_25 {
        margin: 1.25rem
    }

    .sm-m1_5 {
        margin: 1.5rem
    }

    .sm-m1_75 {
        margin: 1.75rem
    }

    .sm-m2 {
        margin: 2rem
    }

    .sm-pauto {
        padding: auto
    }

    .sm-p0 {
        padding: 0
    }

    .sm-p_25 {
        padding: .25rem
    }

    .sm-p_5 {
        padding: .5rem
    }

    .sm-p_75 {
        padding: .75rem
    }

    .sm-p1 {
        padding: 1rem
    }

    .sm-p1_25 {
        padding: 1.25rem
    }

    .sm-p1_5 {
        padding: 1.5rem
    }

    .sm-p1_75 {
        padding: 1.75rem
    }

    .sm-p2 {
        padding: 2rem
    }

    .sm-border {
        border: thin solid #000
    }

    .sm-noborder {
        border: 0
    }

    .sm-round {
        border-radius: 100%
    }

    .sm-noround {
        border-radius: 0
    }

    .sm-inline {
        display: inline
    }

    .sm-block {
        display: block
    }

    .sm-none {
        display: none
    }

    .sm-bullet {
        margin-left: 1rem;
        list-style-type: inherit;
        list-style-position: outside
    }

    .sm-nobullet {
        margin-left: 0;
        list-style-type: none
    }
}

@media screen and (min-width:48em) {
    .md12 {
        width: 100%
    }

    .md11 {
        width: 91.66666666666667%
    }

    .md10 {
        width: 83.33333333333333%
    }

    .md9 {
        width: 75%
    }

    .md8 {
        width: 66.66666666666667%
    }

    .md7 {
        width: 58.33333333333333%
    }

    .md6 {
        width: 50%
    }

    .md5 {
        width: 41.66666666666667%
    }

    .md4 {
        width: 33.33333333333333%
    }

    .md3 {
        width: 25%
    }

    .md2 {
        width: 16.66666666666667%
    }

    .md1 {
        width: 8.333333333333333%
    }

    .md-floatl {
        float: left
    }

    .md-floatr {
        float: right
    }

    .md-nofloat {
        float: none
    }

    .md-clear,
    .md-clear::after,
    .md-clear::before {
        clear: both
    }

    .md-clear::after,
    .md-clear::before {
        content: '';
        display: block
    }

    .md-i-b {
        display: inline-block
    }

    .md-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    .md-flex-inline {
        display: -ms-inline-flexbox;
        display: -webkit-inline-flex;
        display: inline-flex
    }

    .md-flex-row {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

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

    .md-flex-column {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .md-flex-column-reverse {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .md-flex-nowrap {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .md-flex-wrap {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .md-flex-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse;
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse
    }

    .md-jc-flex-start {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .md-jc-flex-end {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .md-jc-center {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .md-jc-space-between {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .md-jc-space-around {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .md-ai-flex-start {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .md-ai-flex-end {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .md-ai-center {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .md-ai-baseline {
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .md-ai-stretch {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .md-ac-flex-start {
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start
    }

    .md-ac-flex-end {
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end
    }

    .md-ac-center {
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center
    }

    .md-ac-space-between {
        -webkit-align-content: space-between;
        -ms-flex-line-pack: justify;
        align-content: space-between
    }

    .md-ac-space-around {
        -webkit-align-content: space-around;
        -ms-flex-line-pack: justify;
        align-content: space-around
    }

    .md-ac-stretch {
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }

    .md-flex-none {
        -ms-flex: none;
        -webkit-flex: none;
        flex: none
    }

    .md-flex-auto {
        -ms-flex: auto;
        -webkit-flex: auto;
        flex: auto
    }

    .md-as-flex-start {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .md-as-flex-end {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end
    }

    .md-as-center {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }

    .md-as-baseline {
        -webkit-align-self: baseline;
        -ms-flex-item-align: baseline;
        align-self: baseline
    }

    .md-as-stretch {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch
    }

    .md-as-auto {
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto
    }

    .md-v-top {
        vertical-align: top
    }

    .md-v-middle {
        vertical-align: middle
    }

    .md-v-bottom {
        vertical-align: bottom
    }

    .md-v-baseline {
        vertical-align: baseline
    }

    .md-left {
        text-align: left
    }

    .md-center {
        text-align: center
    }

    .md-right {
        text-align: right
    }

    .md-justify {
        text-align: justify
    }

    .md-f0 {
        font-size: 0
    }

    .md-f_25 {
        font-size: 4px;
        font-size: .25rem
    }

    .md-f_5 {
        font-size: 8px;
        font-size: .5rem
    }

    .md-f_75 {
        font-size: 12px;
        font-size: .75rem
    }

    .md-f1 {
        font-size: 16px;
        font-size: 1rem
    }

    .md-f1_25 {
        font-size: 20px;
        font-size: 1.25rem
    }

    .md-f1_5 {
        font-size: 24px;
        font-size: 1.5rem
    }

    .md-f1_75 {
        font-size: 28px;
        font-size: 1.75rem
    }

    .md-f2 {
        font-size: 32px;
        font-size: 2rem
    }

    .md-f2_5 {
        font-size: 40px;
        font-size: 2.5rem
    }

    .md-f3 {
        font-size: 48px;
        font-size: 3rem
    }

    .md-f3_5 {
        font-size: 56px;
        font-size: 3.5rem
    }

    .md-f4 {
        font-size: 64px;
        font-size: 4rem
    }

    .md-f4_5 {
        font-size: 72px;
        font-size: 4.5rem
    }

    .md-f5 {
        font-size: 80px;
        font-size: 5rem
    }

    .md-mauto {
        margin: auto
    }

    .md-m0 {
        margin: 0
    }

    .md-m_25 {
        margin: .25rem
    }

    .md-m_5 {
        margin: .5rem
    }

    .md-m_75 {
        margin: .75rem
    }

    .md-m1 {
        margin: 1rem
    }

    .md-m1_25 {
        margin: 1.25rem
    }

    .md-m1_5 {
        margin: 1.5rem
    }

    .md-m1_75 {
        margin: 1.75rem
    }

    .md-m2 {
        margin: 2rem
    }

    .md-pauto {
        padding: auto
    }

    .md-p0 {
        padding: 0
    }

    .md-p_25 {
        padding: .25rem
    }

    .md-p_5 {
        padding: .5rem
    }

    .md-p_75 {
        padding: .75rem
    }

    .md-p1 {
        padding: 1rem
    }

    .md-p1_25 {
        padding: 1.25rem
    }

    .md-p1_5 {
        padding: 1.5rem
    }

    .md-p1_75 {
        padding: 1.75rem
    }

    .md-p2 {
        padding: 2rem
    }

    .md-border {
        border: thin solid #000
    }

    .md-noborder {
        border: 0
    }

    .md-round {
        border-radius: 100%
    }

    .md-noround {
        border-radius: 0
    }

    .md-inline {
        display: inline
    }

    .md-block {
        display: block
    }

    .md-none {
        display: none
    }

    .md-bullet {
        margin-left: 1rem;
        list-style-type: inherit;
        list-style-position: outside
    }

    .md-nobullet {
        margin-left: 0;
        list-style-type: none
    }
}

@media screen and (min-width:64em) {
    .lg12 {
        width: 100%
    }

    .lg11 {
        width: 91.66666666666667%
    }

    .lg10 {
        width: 83.33333333333333%
    }

    .lg9 {
        width: 75%
    }

    .lg8 {
        width: 66.66666666666667%
    }

    .lg7 {
        width: 58.33333333333333%
    }

    .lg6 {
        width: 50%
    }

    .lg5 {
        width: 41.66666666666667%
    }

    .lg4 {
        width: 33.33333333333333%
    }

    .lg3 {
        width: 25%
    }

    .lg2 {
        width: 16.66666666666667%
    }

    .lg1 {
        width: 8.333333333333333%
    }

    .lg-floatl {
        float: left
    }

    .lg-floatr {
        float: right
    }

    .lg-nofloat {
        float: none
    }

    .lg-clear,
    .lg-clear::after,
    .lg-clear::before {
        clear: both
    }

    .lg-clear::after,
    .lg-clear::before {
        content: '';
        display: block
    }

    .lg-i-b {
        display: inline-block
    }

    .lg-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex
    }

    .lg-flex-inline {
        display: -ms-inline-flexbox;
        display: -webkit-inline-flex;
        display: inline-flex
    }

    .lg-flex-row {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

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

    .lg-flex-column {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .lg-flex-column-reverse {
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .lg-flex-nowrap {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .lg-flex-wrap {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .lg-flex-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse;
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse
    }

    .lg-jc-flex-start {
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .lg-jc-flex-end {
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .lg-jc-center {
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .lg-jc-space-between {
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .lg-jc-space-around {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .lg-ai-flex-start {
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .lg-ai-flex-end {
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .lg-ai-center {
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .lg-ai-baseline {
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .lg-ai-stretch {
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .lg-ac-flex-start {
        -webkit-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start
    }

    .lg-ac-flex-end {
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end
    }

    .lg-ac-center {
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center
    }

    .lg-ac-space-between {
        -webkit-align-content: space-between;
        -ms-flex-line-pack: justify;
        align-content: space-between
    }

    .lg-ac-space-around {
        -webkit-align-content: space-around;
        -ms-flex-line-pack: justify;
        align-content: space-around
    }

    .lg-ac-stretch {
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch
    }

    .lg-flex-none {
        -ms-flex: none;
        -webkit-flex: none;
        flex: none
    }

    .lg-flex-auto {
        -ms-flex: auto;
        -webkit-flex: auto;
        flex: auto
    }

    .lg-as-flex-start {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start
    }

    .lg-as-flex-end {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end
    }

    .lg-as-center {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }

    .lg-as-baseline {
        -webkit-align-self: baseline;
        -ms-flex-item-align: baseline;
        align-self: baseline
    }

    .lg-as-stretch {
        -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
        align-self: stretch
    }

    .lg-as-auto {
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto
    }

    .lg-v-top {
        vertical-align: top
    }

    .lg-v-middle {
        vertical-align: middle
    }

    .lg-v-bottom {
        vertical-align: bottom
    }

    .lg-v-baseline {
        vertical-align: baseline
    }

    .lg-left {
        text-align: left
    }

    .lg-center {
        text-align: center
    }

    .lg-right {
        text-align: right
    }

    .lg-justify {
        text-align: justify
    }

    .lg-f0 {
        font-size: 0
    }

    .lg-f_25 {
        font-size: 4px;
        font-size: .25rem
    }

    .lg-f_5 {
        font-size: 8px;
        font-size: .5rem
    }

    .lg-f_75 {
        font-size: 12px;
        font-size: .75rem
    }

    .lg-f1 {
        font-size: 16px;
        font-size: 1rem
    }

    .lg-f1_25 {
        font-size: 20px;
        font-size: 1.25rem
    }

    .lg-f1_5 {
        font-size: 24px;
        font-size: 1.5rem
    }

    .lg-f1_75 {
        font-size: 28px;
        font-size: 1.75rem
    }

    .lg-f2 {
        font-size: 32px;
        font-size: 2rem
    }

    .lg-f2_5 {
        font-size: 40px;
        font-size: 2.5rem
    }

    .lg-f3 {
        font-size: 48px;
        font-size: 3rem
    }

    .lg-f3_5 {
        font-size: 56px;
        font-size: 3.5rem
    }

    .lg-f4 {
        font-size: 64px;
        font-size: 4rem
    }

    .lg-f4_5 {
        font-size: 72px;
        font-size: 4.5rem
    }

    .lg-f5 {
        font-size: 80px;
        font-size: 5rem
    }

    .lg-mauto {
        margin: auto
    }

    .lg-m0 {
        margin: 0
    }

    .lg-m_25 {
        margin: .25rem
    }

    .lg-m_5 {
        margin: .5rem
    }

    .lg-m_75 {
        margin: .75rem
    }

    .lg-m1 {
        margin: 1rem
    }

    .lg-m1_25 {
        margin: 1.25rem
    }

    .lg-m1_5 {
        margin: 1.5rem
    }

    .lg-m1_75 {
        margin: 1.75rem
    }

    .lg-m2 {
        margin: 2rem
    }

    .lg-pauto {
        padding: auto
    }

    .lg-p0 {
        padding: 0
    }

    .lg-p_25 {
        padding: .25rem
    }

    .lg-p_5 {
        padding: .5rem
    }

    .lg-p_75 {
        padding: .75rem
    }

    .lg-p1 {
        padding: 1rem
    }

    .lg-p1_25 {
        padding: 1.25rem
    }

    .lg-p1_5 {
        padding: 1.5rem
    }

    .lg-p1_75 {
        padding: 1.75rem
    }

    .lg-p2 {
        padding: 2rem
    }

    .lg-border {
        border: thin solid #000
    }

    .lg-noborder {
        border: 0
    }

    .lg-round {
        border-radius: 100%
    }

    .lg-noround {
        border-radius: 0
    }

    .lg-inline {
        display: inline
    }

    .lg-block {
        display: block
    }

    .lg-none {
        display: none
    }

    .lg-bullet {
        margin-left: 1rem;
        list-style-type: inherit;
        list-style-position: outside
    }

    .lg-nobullet {
        margin-left: 0;
        list-style-type: none
    }
}