.pure-g {
    letter-spacing: -0.31em;
    text-rendering: optimizespeed;
    font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    display: -ms-flexbox;
    -ms-flex-flow: row wrap;
}

.pure-g-r {
    letter-spacing: -0.31em;
    text-rendering: optimizespeed;
    font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    display: -ms-flexbox;
    -ms-flex-flow: row wrap;
}

.opera-only :-o-prefocus,
.pure-g {
    word-spacing: -0.43em;
}

.pure-u {
    display: inline-block;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}

.pure-g [class*="pure-u"] {
    font-family: sans-serif;
}

.pure-u-1 {
    width: 100%;
}

.pure-u-1-2 {
    width: 50%;
}

.pure-u-1-3 {
    width: 33.3333%;
}

.pure-u-2-3 {
    width: 66.6667%;
}

.pure-u-1-4 {
    width: 25%;
}

.pure-u-3-4 {
    width: 75%;
}

@media screen and (min-width: 35.5em) {
    .pure-u-sm-1 { width: 100%; }
    .pure-u-sm-1-2 { width: 50%; }
    .pure-u-sm-1-3 { width: 33.3333%; }
    .pure-u-sm-2-3 { width: 66.6667%; }
}

@media screen and (min-width: 48em) {
    .pure-u-md-1 { width: 100%; }
    .pure-u-md-1-2 { width: 50%; }
    .pure-u-md-1-3 { width: 33.3333%; }
    .pure-u-md-2-3 { width: 66.6667%; }
}

@media screen and (min-width: 64em) {
    .pure-u-lg-1 { width: 100%; }
    .pure-u-lg-1-2 { width: 50%; }
    .pure-u-lg-1-3 { width: 33.3333%; }
    .pure-u-lg-2-3 { width: 66.6667%; }
}

@media screen and (min-width: 80em) {
    .pure-u-xl-1 { width: 100%; }
    .pure-u-xl-1-2 { width: 50%; }
    .pure-u-xl-1-3 { width: 33.3333%; }
    .pure-u-xl-2-3 { width: 66.6667%; }
}