.pure-u-1,
.pure-u-1-1,
.pure-u-1-2,
.pure-u-1-3,
.pure-u-2-3,
.pure-u-1-5,
.pure-u-2-5,
.pure-u-3-5,
.pure-u-4-5,
.pure-u-1-6,
.pure-u-5-6,
.pure-u-1-10,
.pure-u-3-10,
.pure-u-7-10,
.pure-u-9-10,
.pure-u-1-15,
.pure-u-2-15,
.pure-u-4-15,
.pure-u-7-15,
.pure-u-8-15,
.pure-u-11-15,
.pure-u-13-15,
.pure-u-14-15,
.pure-u-1-30,
.pure-u-2-30,
.pure-u-3-30,
.pure-u-4-30,
.pure-u-5-30,
.pure-u-6-30,
.pure-u-7-30,
.pure-u-8-30,
.pure-u-9-30,
.pure-u-10-30,
.pure-u-11-30,
.pure-u-12-30,
.pure-u-13-30,
.pure-u-14-30,
.pure-u-15-30,
.pure-u-16-30,
.pure-u-17-30,
.pure-u-18-30,
.pure-u-19-30,
.pure-u-20-30,
.pure-u-21-30,
.pure-u-22-30,
.pure-u-23-30,
.pure-u-24-30,
.pure-u-25-30,
.pure-u-26-30,
.pure-u-27-30,
.pure-u-28-30,
.pure-u-29-30,
.pure-u-30-30 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}

.pure-u-1-30 {
    width: 3.3333%;
    *width: 3.3023%;
}

.pure-u-1-15,
.pure-u-2-30 {
    width: 6.6667%;
    *width: 6.6357%;
}

.pure-u-1-10,
.pure-u-3-30 {
    width: 10%;
    *width: 9.9690%;
}

.pure-u-2-15,
.pure-u-4-30 {
    width: 13.3333%;
    *width: 13.3023%;
}

.pure-u-1-6,
.pure-u-5-30 {
    width: 16.6667%;
    *width: 16.6357%;
}

.pure-u-1-5,
.pure-u-6-30 {
    width: 20%;
    *width: 19.9690%;
}

.pure-u-7-30 {
    width: 23.3333%;
    *width: 23.3023%;
}

.pure-u-4-15,
.pure-u-8-30 {
    width: 26.6667%;
    *width: 26.6357%;
}

.pure-u-3-10,
.pure-u-9-30 {
    width: 30%;
    *width: 29.9690%;
}

.pure-u-1-3,
.pure-u-10-30 {
    width: 33.3333%;
    *width: 33.3023%;
}

.pure-u-11-30 {
    width: 36.6667%;
    *width: 36.6357%;
}

.pure-u-2-5,
.pure-u-12-30 {
    width: 40%;
    *width: 39.9690%;
}

.pure-u-13-30 {
    width: 43.3333%;
    *width: 43.3023%;
}

.pure-u-7-15,
.pure-u-14-30 {
    width: 46.6667%;
    *width: 46.6357%;
}

.pure-u-1-2,
.pure-u-15-30 {
    width: 50%;
    *width: 49.9690%;
}

.pure-u-8-15,
.pure-u-16-30 {
    width: 53.3333%;
    *width: 53.3023%;
}

.pure-u-17-30 {
    width: 56.6667%;
    *width: 56.6357%;
}

.pure-u-3-5,
.pure-u-18-30 {
    width: 60%;
    *width: 59.9690%;
}

.pure-u-19-30 {
    width: 63.3333%;
    *width: 63.3023%;
}

.pure-u-2-3,
.pure-u-20-30 {
    width: 66.6667%;
    *width: 66.6357%;
}

.pure-u-7-10,
.pure-u-21-30 {
    width: 70%;
    *width: 69.9690%;
}

.pure-u-11-15,
.pure-u-22-30 {
    width: 73.3333%;
    *width: 73.3023%;
}

.pure-u-23-30 {
    width: 76.6667%;
    *width: 76.6357%;
}

.pure-u-4-5,
.pure-u-24-30 {
    width: 80%;
    *width: 79.9690%;
}

.pure-u-5-6,
.pure-u-25-30 {
    width: 83.3333%;
    *width: 83.3023%;
}

.pure-u-13-15,
.pure-u-26-30 {
    width: 86.6667%;
    *width: 86.6357%;
}

.pure-u-9-10,
.pure-u-27-30 {
    width: 90%;
    *width: 89.9690%;
}

.pure-u-14-15,
.pure-u-28-30 {
    width: 93.3333%;
    *width: 93.3023%;
}

.pure-u-29-30 {
    width: 96.6667%;
    *width: 96.6357%;
}

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

@media screen and (min-width: 35.5em) {
    .pure-u-sm-1,
    .pure-u-sm-1-1,
    .pure-u-sm-1-2,
    .pure-u-sm-1-3,
    .pure-u-sm-2-3,
    .pure-u-sm-1-5,
    .pure-u-sm-2-5,
    .pure-u-sm-3-5,
    .pure-u-sm-4-5,
    .pure-u-sm-1-6,
    .pure-u-sm-5-6,
    .pure-u-sm-1-10,
    .pure-u-sm-3-10,
    .pure-u-sm-7-10,
    .pure-u-sm-9-10,
    .pure-u-sm-1-15,
    .pure-u-sm-2-15,
    .pure-u-sm-4-15,
    .pure-u-sm-7-15,
    .pure-u-sm-8-15,
    .pure-u-sm-11-15,
    .pure-u-sm-13-15,
    .pure-u-sm-14-15,
    .pure-u-sm-1-30,
    .pure-u-sm-2-30,
    .pure-u-sm-3-30,
    .pure-u-sm-4-30,
    .pure-u-sm-5-30,
    .pure-u-sm-6-30,
    .pure-u-sm-7-30,
    .pure-u-sm-8-30,
    .pure-u-sm-9-30,
    .pure-u-sm-10-30,
    .pure-u-sm-11-30,
    .pure-u-sm-12-30,
    .pure-u-sm-13-30,
    .pure-u-sm-14-30,
    .pure-u-sm-15-30,
    .pure-u-sm-16-30,
    .pure-u-sm-17-30,
    .pure-u-sm-18-30,
    .pure-u-sm-19-30,
    .pure-u-sm-20-30,
    .pure-u-sm-21-30,
    .pure-u-sm-22-30,
    .pure-u-sm-23-30,
    .pure-u-sm-24-30,
    .pure-u-sm-25-30,
    .pure-u-sm-26-30,
    .pure-u-sm-27-30,
    .pure-u-sm-28-30,
    .pure-u-sm-29-30,
    .pure-u-sm-30-30 {
        display: inline-block;
        *display: inline;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

    .pure-u-sm-1-30 {
        width: 3.3333%;
        *width: 3.3023%;
    }

    .pure-u-sm-1-15,
    .pure-u-sm-2-30 {
        width: 6.6667%;
        *width: 6.6357%;
    }

    .pure-u-sm-1-10,
    .pure-u-sm-3-30 {
        width: 10%;
        *width: 9.9690%;
    }

    .pure-u-sm-2-15,
    .pure-u-sm-4-30 {
        width: 13.3333%;
        *width: 13.3023%;
    }

    .pure-u-sm-1-6,
    .pure-u-sm-5-30 {
        width: 16.6667%;
        *width: 16.6357%;
    }

    .pure-u-sm-1-5,
    .pure-u-sm-6-30 {
        width: 20%;
        *width: 19.9690%;
    }

    .pure-u-sm-7-30 {
        width: 23.3333%;
        *width: 23.3023%;
    }

    .pure-u-sm-4-15,
    .pure-u-sm-8-30 {
        width: 26.6667%;
        *width: 26.6357%;
    }

    .pure-u-sm-3-10,
    .pure-u-sm-9-30 {
        width: 30%;
        *width: 29.9690%;
    }

    .pure-u-sm-1-3,
    .pure-u-sm-10-30 {
        width: 33.3333%;
        *width: 33.3023%;
    }

    .pure-u-sm-11-30 {
        width: 36.6667%;
        *width: 36.6357%;
    }

    .pure-u-sm-2-5,
    .pure-u-sm-12-30 {
        width: 40%;
        *width: 39.9690%;
    }

    .pure-u-sm-13-30 {
        width: 43.3333%;
        *width: 43.3023%;
    }

    .pure-u-sm-7-15,
    .pure-u-sm-14-30 {
        width: 46.6667%;
        *width: 46.6357%;
    }

    .pure-u-sm-1-2,
    .pure-u-sm-15-30 {
        width: 50%;
        *width: 49.9690%;
    }

    .pure-u-sm-8-15,
    .pure-u-sm-16-30 {
        width: 53.3333%;
        *width: 53.3023%;
    }

    .pure-u-sm-17-30 {
        width: 56.6667%;
        *width: 56.6357%;
    }

    .pure-u-sm-3-5,
    .pure-u-sm-18-30 {
        width: 60%;
        *width: 59.9690%;
    }

    .pure-u-sm-19-30 {
        width: 63.3333%;
        *width: 63.3023%;
    }

    .pure-u-sm-2-3,
    .pure-u-sm-20-30 {
        width: 66.6667%;
        *width: 66.6357%;
    }

    .pure-u-sm-7-10,
    .pure-u-sm-21-30 {
        width: 70%;
        *width: 69.9690%;
    }

    .pure-u-sm-11-15,
    .pure-u-sm-22-30 {
        width: 73.3333%;
        *width: 73.3023%;
    }

    .pure-u-sm-23-30 {
        width: 76.6667%;
        *width: 76.6357%;
    }

    .pure-u-sm-4-5,
    .pure-u-sm-24-30 {
        width: 80%;
        *width: 79.9690%;
    }

    .pure-u-sm-5-6,
    .pure-u-sm-25-30 {
        width: 83.3333%;
        *width: 83.3023%;
    }

    .pure-u-sm-13-15,
    .pure-u-sm-26-30 {
        width: 86.6667%;
        *width: 86.6357%;
    }

    .pure-u-sm-9-10,
    .pure-u-sm-27-30 {
        width: 90%;
        *width: 89.9690%;
    }

    .pure-u-sm-14-15,
    .pure-u-sm-28-30 {
        width: 93.3333%;
        *width: 93.3023%;
    }

    .pure-u-sm-29-30 {
        width: 96.6667%;
        *width: 96.6357%;
    }

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

@media screen and (min-width: 48em) {
    .pure-u-md-1,
    .pure-u-md-1-1,
    .pure-u-md-1-2,
    .pure-u-md-1-3,
    .pure-u-md-2-3,
    .pure-u-md-1-5,
    .pure-u-md-2-5,
    .pure-u-md-3-5,
    .pure-u-md-4-5,
    .pure-u-md-1-6,
    .pure-u-md-5-6,
    .pure-u-md-1-10,
    .pure-u-md-3-10,
    .pure-u-md-7-10,
    .pure-u-md-9-10,
    .pure-u-md-1-15,
    .pure-u-md-2-15,
    .pure-u-md-4-15,
    .pure-u-md-7-15,
    .pure-u-md-8-15,
    .pure-u-md-11-15,
    .pure-u-md-13-15,
    .pure-u-md-14-15,
    .pure-u-md-1-30,
    .pure-u-md-2-30,
    .pure-u-md-3-30,
    .pure-u-md-4-30,
    .pure-u-md-5-30,
    .pure-u-md-6-30,
    .pure-u-md-7-30,
    .pure-u-md-8-30,
    .pure-u-md-9-30,
    .pure-u-md-10-30,
    .pure-u-md-11-30,
    .pure-u-md-12-30,
    .pure-u-md-13-30,
    .pure-u-md-14-30,
    .pure-u-md-15-30,
    .pure-u-md-16-30,
    .pure-u-md-17-30,
    .pure-u-md-18-30,
    .pure-u-md-19-30,
    .pure-u-md-20-30,
    .pure-u-md-21-30,
    .pure-u-md-22-30,
    .pure-u-md-23-30,
    .pure-u-md-24-30,
    .pure-u-md-25-30,
    .pure-u-md-26-30,
    .pure-u-md-27-30,
    .pure-u-md-28-30,
    .pure-u-md-29-30,
    .pure-u-md-30-30 {
        display: inline-block;
        *display: inline;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

    .pure-u-md-1-30 {
        width: 3.3333%;
        *width: 3.3023%;
    }

    .pure-u-md-1-15,
    .pure-u-md-2-30 {
        width: 6.6667%;
        *width: 6.6357%;
    }

    .pure-u-md-1-10,
    .pure-u-md-3-30 {
        width: 10%;
        *width: 9.9690%;
    }

    .pure-u-md-2-15,
    .pure-u-md-4-30 {
        width: 13.3333%;
        *width: 13.3023%;
    }

    .pure-u-md-1-6,
    .pure-u-md-5-30 {
        width: 16.6667%;
        *width: 16.6357%;
    }

    .pure-u-md-1-5,
    .pure-u-md-6-30 {
        width: 20%;
        *width: 19.9690%;
    }

    .pure-u-md-7-30 {
        width: 23.3333%;
        *width: 23.3023%;
    }

    .pure-u-md-4-15,
    .pure-u-md-8-30 {
        width: 26.6667%;
        *width: 26.6357%;
    }

    .pure-u-md-3-10,
    .pure-u-md-9-30 {
        width: 30%;
        *width: 29.9690%;
    }

    .pure-u-md-1-3,
    .pure-u-md-10-30 {
        width: 33.3333%;
        *width: 33.3023%;
    }

    .pure-u-md-11-30 {
        width: 36.6667%;
        *width: 36.6357%;
    }

    .pure-u-md-2-5,
    .pure-u-md-12-30 {
        width: 40%;
        *width: 39.9690%;
    }

    .pure-u-md-13-30 {
        width: 43.3333%;
        *width: 43.3023%;
    }

    .pure-u-md-7-15,
    .pure-u-md-14-30 {
        width: 46.6667%;
        *width: 46.6357%;
    }

    .pure-u-md-1-2,
    .pure-u-md-15-30 {
        width: 50%;
        *width: 49.9690%;
    }

    .pure-u-md-8-15,
    .pure-u-md-16-30 {
        width: 53.3333%;
        *width: 53.3023%;
    }

    .pure-u-md-17-30 {
        width: 56.6667%;
        *width: 56.6357%;
    }

    .pure-u-md-3-5,
    .pure-u-md-18-30 {
        width: 60%;
        *width: 59.9690%;
    }

    .pure-u-md-19-30 {
        width: 63.3333%;
        *width: 63.3023%;
    }

    .pure-u-md-2-3,
    .pure-u-md-20-30 {
        width: 66.6667%;
        *width: 66.6357%;
    }

    .pure-u-md-7-10,
    .pure-u-md-21-30 {
        width: 70%;
        *width: 69.9690%;
    }

    .pure-u-md-11-15,
    .pure-u-md-22-30 {
        width: 73.3333%;
        *width: 73.3023%;
    }

    .pure-u-md-23-30 {
        width: 76.6667%;
        *width: 76.6357%;
    }

    .pure-u-md-4-5,
    .pure-u-md-24-30 {
        width: 80%;
        *width: 79.9690%;
    }

    .pure-u-md-5-6,
    .pure-u-md-25-30 {
        width: 83.3333%;
        *width: 83.3023%;
    }

    .pure-u-md-13-15,
    .pure-u-md-26-30 {
        width: 86.6667%;
        *width: 86.6357%;
    }

    .pure-u-md-9-10,
    .pure-u-md-27-30 {
        width: 90%;
        *width: 89.9690%;
    }

    .pure-u-md-14-15,
    .pure-u-md-28-30 {
        width: 93.3333%;
        *width: 93.3023%;
    }

    .pure-u-md-29-30 {
        width: 96.6667%;
        *width: 96.6357%;
    }

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

@media screen and (min-width: 62em) {
    .pure-u-lg-1,
    .pure-u-lg-1-1,
    .pure-u-lg-1-2,
    .pure-u-lg-1-3,
    .pure-u-lg-2-3,
    .pure-u-lg-1-5,
    .pure-u-lg-2-5,
    .pure-u-lg-3-5,
    .pure-u-lg-4-5,
    .pure-u-lg-1-6,
    .pure-u-lg-5-6,
    .pure-u-lg-1-10,
    .pure-u-lg-3-10,
    .pure-u-lg-7-10,
    .pure-u-lg-9-10,
    .pure-u-lg-1-15,
    .pure-u-lg-2-15,
    .pure-u-lg-4-15,
    .pure-u-lg-7-15,
    .pure-u-lg-8-15,
    .pure-u-lg-11-15,
    .pure-u-lg-13-15,
    .pure-u-lg-14-15,
    .pure-u-lg-1-30,
    .pure-u-lg-2-30,
    .pure-u-lg-3-30,
    .pure-u-lg-4-30,
    .pure-u-lg-5-30,
    .pure-u-lg-6-30,
    .pure-u-lg-7-30,
    .pure-u-lg-8-30,
    .pure-u-lg-9-30,
    .pure-u-lg-10-30,
    .pure-u-lg-11-30,
    .pure-u-lg-12-30,
    .pure-u-lg-13-30,
    .pure-u-lg-14-30,
    .pure-u-lg-15-30,
    .pure-u-lg-16-30,
    .pure-u-lg-17-30,
    .pure-u-lg-18-30,
    .pure-u-lg-19-30,
    .pure-u-lg-20-30,
    .pure-u-lg-21-30,
    .pure-u-lg-22-30,
    .pure-u-lg-23-30,
    .pure-u-lg-24-30,
    .pure-u-lg-25-30,
    .pure-u-lg-26-30,
    .pure-u-lg-27-30,
    .pure-u-lg-28-30,
    .pure-u-lg-29-30,
    .pure-u-lg-30-30 {
        display: inline-block;
        *display: inline;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

    .pure-u-lg-1-30 {
        width: 3.3333%;
        *width: 3.3023%;
    }

    .pure-u-lg-1-15,
    .pure-u-lg-2-30 {
        width: 6.6667%;
        *width: 6.6357%;
    }

    .pure-u-lg-1-10,
    .pure-u-lg-3-30 {
        width: 10%;
        *width: 9.9690%;
    }

    .pure-u-lg-2-15,
    .pure-u-lg-4-30 {
        width: 13.3333%;
        *width: 13.3023%;
    }

    .pure-u-lg-1-6,
    .pure-u-lg-5-30 {
        width: 16.6667%;
        *width: 16.6357%;
    }

    .pure-u-lg-1-5,
    .pure-u-lg-6-30 {
        width: 20%;
        *width: 19.9690%;
    }

    .pure-u-lg-7-30 {
        width: 23.3333%;
        *width: 23.3023%;
    }

    .pure-u-lg-4-15,
    .pure-u-lg-8-30 {
        width: 26.6667%;
        *width: 26.6357%;
    }

    .pure-u-lg-3-10,
    .pure-u-lg-9-30 {
        width: 30%;
        *width: 29.9690%;
    }

    .pure-u-lg-1-3,
    .pure-u-lg-10-30 {
        width: 33.3333%;
        *width: 33.3023%;
    }

    .pure-u-lg-11-30 {
        width: 36.6667%;
        *width: 36.6357%;
    }

    .pure-u-lg-2-5,
    .pure-u-lg-12-30 {
        width: 40%;
        *width: 39.9690%;
    }

    .pure-u-lg-13-30 {
        width: 43.3333%;
        *width: 43.3023%;
    }

    .pure-u-lg-7-15,
    .pure-u-lg-14-30 {
        width: 46.6667%;
        *width: 46.6357%;
    }

    .pure-u-lg-1-2,
    .pure-u-lg-15-30 {
        width: 50%;
        *width: 49.9690%;
    }

    .pure-u-lg-8-15,
    .pure-u-lg-16-30 {
        width: 53.3333%;
        *width: 53.3023%;
    }

    .pure-u-lg-17-30 {
        width: 56.6667%;
        *width: 56.6357%;
    }

    .pure-u-lg-3-5,
    .pure-u-lg-18-30 {
        width: 60%;
        *width: 59.9690%;
    }

    .pure-u-lg-19-30 {
        width: 63.3333%;
        *width: 63.3023%;
    }

    .pure-u-lg-2-3,
    .pure-u-lg-20-30 {
        width: 66.6667%;
        *width: 66.6357%;
    }

    .pure-u-lg-7-10,
    .pure-u-lg-21-30 {
        width: 70%;
        *width: 69.9690%;
    }

    .pure-u-lg-11-15,
    .pure-u-lg-22-30 {
        width: 73.3333%;
        *width: 73.3023%;
    }

    .pure-u-lg-23-30 {
        width: 76.6667%;
        *width: 76.6357%;
    }

    .pure-u-lg-4-5,
    .pure-u-lg-24-30 {
        width: 80%;
        *width: 79.9690%;
    }

    .pure-u-lg-5-6,
    .pure-u-lg-25-30 {
        width: 83.3333%;
        *width: 83.3023%;
    }

    .pure-u-lg-13-15,
    .pure-u-lg-26-30 {
        width: 86.6667%;
        *width: 86.6357%;
    }

    .pure-u-lg-9-10,
    .pure-u-lg-27-30 {
        width: 90%;
        *width: 89.9690%;
    }

    .pure-u-lg-14-15,
    .pure-u-lg-28-30 {
        width: 93.3333%;
        *width: 93.3023%;
    }

    .pure-u-lg-29-30 {
        width: 96.6667%;
        *width: 96.6357%;
    }

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

@media screen and (min-width: 80em) {
    .pure-u-xl-1,
    .pure-u-xl-1-1,
    .pure-u-xl-1-2,
    .pure-u-xl-1-3,
    .pure-u-xl-2-3,
    .pure-u-xl-1-5,
    .pure-u-xl-2-5,
    .pure-u-xl-3-5,
    .pure-u-xl-4-5,
    .pure-u-xl-1-6,
    .pure-u-xl-5-6,
    .pure-u-xl-1-10,
    .pure-u-xl-3-10,
    .pure-u-xl-7-10,
    .pure-u-xl-9-10,
    .pure-u-xl-1-15,
    .pure-u-xl-2-15,
    .pure-u-xl-4-15,
    .pure-u-xl-7-15,
    .pure-u-xl-8-15,
    .pure-u-xl-11-15,
    .pure-u-xl-13-15,
    .pure-u-xl-14-15,
    .pure-u-xl-1-30,
    .pure-u-xl-2-30,
    .pure-u-xl-3-30,
    .pure-u-xl-4-30,
    .pure-u-xl-5-30,
    .pure-u-xl-6-30,
    .pure-u-xl-7-30,
    .pure-u-xl-8-30,
    .pure-u-xl-9-30,
    .pure-u-xl-10-30,
    .pure-u-xl-11-30,
    .pure-u-xl-12-30,
    .pure-u-xl-13-30,
    .pure-u-xl-14-30,
    .pure-u-xl-15-30,
    .pure-u-xl-16-30,
    .pure-u-xl-17-30,
    .pure-u-xl-18-30,
    .pure-u-xl-19-30,
    .pure-u-xl-20-30,
    .pure-u-xl-21-30,
    .pure-u-xl-22-30,
    .pure-u-xl-23-30,
    .pure-u-xl-24-30,
    .pure-u-xl-25-30,
    .pure-u-xl-26-30,
    .pure-u-xl-27-30,
    .pure-u-xl-28-30,
    .pure-u-xl-29-30,
    .pure-u-xl-30-30 {
        display: inline-block;
        *display: inline;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

    .pure-u-xl-1-30 {
        width: 3.3333%;
        *width: 3.3023%;
    }

    .pure-u-xl-1-15,
    .pure-u-xl-2-30 {
        width: 6.6667%;
        *width: 6.6357%;
    }

    .pure-u-xl-1-10,
    .pure-u-xl-3-30 {
        width: 10%;
        *width: 9.9690%;
    }

    .pure-u-xl-2-15,
    .pure-u-xl-4-30 {
        width: 13.3333%;
        *width: 13.3023%;
    }

    .pure-u-xl-1-6,
    .pure-u-xl-5-30 {
        width: 16.6667%;
        *width: 16.6357%;
    }

    .pure-u-xl-1-5,
    .pure-u-xl-6-30 {
        width: 20%;
        *width: 19.9690%;
    }

    .pure-u-xl-7-30 {
        width: 23.3333%;
        *width: 23.3023%;
    }

    .pure-u-xl-4-15,
    .pure-u-xl-8-30 {
        width: 26.6667%;
        *width: 26.6357%;
    }

    .pure-u-xl-3-10,
    .pure-u-xl-9-30 {
        width: 30%;
        *width: 29.9690%;
    }

    .pure-u-xl-1-3,
    .pure-u-xl-10-30 {
        width: 33.3333%;
        *width: 33.3023%;
    }

    .pure-u-xl-11-30 {
        width: 36.6667%;
        *width: 36.6357%;
    }

    .pure-u-xl-2-5,
    .pure-u-xl-12-30 {
        width: 40%;
        *width: 39.9690%;
    }

    .pure-u-xl-13-30 {
        width: 43.3333%;
        *width: 43.3023%;
    }

    .pure-u-xl-7-15,
    .pure-u-xl-14-30 {
        width: 46.6667%;
        *width: 46.6357%;
    }

    .pure-u-xl-1-2,
    .pure-u-xl-15-30 {
        width: 50%;
        *width: 49.9690%;
    }

    .pure-u-xl-8-15,
    .pure-u-xl-16-30 {
        width: 53.3333%;
        *width: 53.3023%;
    }

    .pure-u-xl-17-30 {
        width: 56.6667%;
        *width: 56.6357%;
    }

    .pure-u-xl-3-5,
    .pure-u-xl-18-30 {
        width: 60%;
        *width: 59.9690%;
    }

    .pure-u-xl-19-30 {
        width: 63.3333%;
        *width: 63.3023%;
    }

    .pure-u-xl-2-3,
    .pure-u-xl-20-30 {
        width: 66.6667%;
        *width: 66.6357%;
    }

    .pure-u-xl-7-10,
    .pure-u-xl-21-30 {
        width: 70%;
        *width: 69.9690%;
    }

    .pure-u-xl-11-15,
    .pure-u-xl-22-30 {
        width: 73.3333%;
        *width: 73.3023%;
    }

    .pure-u-xl-23-30 {
        width: 76.6667%;
        *width: 76.6357%;
    }

    .pure-u-xl-4-5,
    .pure-u-xl-24-30 {
        width: 80%;
        *width: 79.9690%;
    }

    .pure-u-xl-5-6,
    .pure-u-xl-25-30 {
        width: 83.3333%;
        *width: 83.3023%;
    }

    .pure-u-xl-13-15,
    .pure-u-xl-26-30 {
        width: 86.6667%;
        *width: 86.6357%;
    }

    .pure-u-xl-9-10,
    .pure-u-xl-27-30 {
        width: 90%;
        *width: 89.9690%;
    }

    .pure-u-xl-14-15,
    .pure-u-xl-28-30 {
        width: 93.3333%;
        *width: 93.3023%;
    }

    .pure-u-xl-29-30 {
        width: 96.6667%;
        *width: 96.6357%;
    }

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

@media screen and (min-width: 20em) {
    .pure-u-xs-1,
    .pure-u-xs-1-1,
    .pure-u-xs-1-2,
    .pure-u-xs-1-3,
    .pure-u-xs-2-3,
    .pure-u-xs-1-5,
    .pure-u-xs-2-5,
    .pure-u-xs-3-5,
    .pure-u-xs-4-5,
    .pure-u-xs-1-6,
    .pure-u-xs-5-6,
    .pure-u-xs-1-10,
    .pure-u-xs-3-10,
    .pure-u-xs-7-10,
    .pure-u-xs-9-10,
    .pure-u-xs-1-15,
    .pure-u-xs-2-15,
    .pure-u-xs-4-15,
    .pure-u-xs-7-15,
    .pure-u-xs-8-15,
    .pure-u-xs-11-15,
    .pure-u-xs-13-15,
    .pure-u-xs-14-15,
    .pure-u-xs-1-30,
    .pure-u-xs-2-30,
    .pure-u-xs-3-30,
    .pure-u-xs-4-30,
    .pure-u-xs-5-30,
    .pure-u-xs-6-30,
    .pure-u-xs-7-30,
    .pure-u-xs-8-30,
    .pure-u-xs-9-30,
    .pure-u-xs-10-30,
    .pure-u-xs-11-30,
    .pure-u-xs-12-30,
    .pure-u-xs-13-30,
    .pure-u-xs-14-30,
    .pure-u-xs-15-30,
    .pure-u-xs-16-30,
    .pure-u-xs-17-30,
    .pure-u-xs-18-30,
    .pure-u-xs-19-30,
    .pure-u-xs-20-30,
    .pure-u-xs-21-30,
    .pure-u-xs-22-30,
    .pure-u-xs-23-30,
    .pure-u-xs-24-30,
    .pure-u-xs-25-30,
    .pure-u-xs-26-30,
    .pure-u-xs-27-30,
    .pure-u-xs-28-30,
    .pure-u-xs-29-30,
    .pure-u-xs-30-30 {
        display: inline-block;
        *display: inline;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

    .pure-u-xs-1-30 {
        width: 3.3333%;
        *width: 3.3023%;
    }

    .pure-u-xs-1-15,
    .pure-u-xs-2-30 {
        width: 6.6667%;
        *width: 6.6357%;
    }

    .pure-u-xs-1-10,
    .pure-u-xs-3-30 {
        width: 10%;
        *width: 9.9690%;
    }

    .pure-u-xs-2-15,
    .pure-u-xs-4-30 {
        width: 13.3333%;
        *width: 13.3023%;
    }

    .pure-u-xs-1-6,
    .pure-u-xs-5-30 {
        width: 16.6667%;
        *width: 16.6357%;
    }

    .pure-u-xs-1-5,
    .pure-u-xs-6-30 {
        width: 20%;
        *width: 19.9690%;
    }

    .pure-u-xs-7-30 {
        width: 23.3333%;
        *width: 23.3023%;
    }

    .pure-u-xs-4-15,
    .pure-u-xs-8-30 {
        width: 26.6667%;
        *width: 26.6357%;
    }

    .pure-u-xs-3-10,
    .pure-u-xs-9-30 {
        width: 30%;
        *width: 29.9690%;
    }

    .pure-u-xs-1-3,
    .pure-u-xs-10-30 {
        width: 33.3333%;
        *width: 33.3023%;
    }

    .pure-u-xs-11-30 {
        width: 36.6667%;
        *width: 36.6357%;
    }

    .pure-u-xs-2-5,
    .pure-u-xs-12-30 {
        width: 40%;
        *width: 39.9690%;
    }

    .pure-u-xs-13-30 {
        width: 43.3333%;
        *width: 43.3023%;
    }

    .pure-u-xs-7-15,
    .pure-u-xs-14-30 {
        width: 46.6667%;
        *width: 46.6357%;
    }

    .pure-u-xs-1-2,
    .pure-u-xs-15-30 {
        width: 50%;
        *width: 49.9690%;
    }

    .pure-u-xs-8-15,
    .pure-u-xs-16-30 {
        width: 53.3333%;
        *width: 53.3023%;
    }

    .pure-u-xs-17-30 {
        width: 56.6667%;
        *width: 56.6357%;
    }

    .pure-u-xs-3-5,
    .pure-u-xs-18-30 {
        width: 60%;
        *width: 59.9690%;
    }

    .pure-u-xs-19-30 {
        width: 63.3333%;
        *width: 63.3023%;
    }

    .pure-u-xs-2-3,
    .pure-u-xs-20-30 {
        width: 66.6667%;
        *width: 66.6357%;
    }

    .pure-u-xs-7-10,
    .pure-u-xs-21-30 {
        width: 70%;
        *width: 69.9690%;
    }

    .pure-u-xs-11-15,
    .pure-u-xs-22-30 {
        width: 73.3333%;
        *width: 73.3023%;
    }

    .pure-u-xs-23-30 {
        width: 76.6667%;
        *width: 76.6357%;
    }

    .pure-u-xs-4-5,
    .pure-u-xs-24-30 {
        width: 80%;
        *width: 79.9690%;
    }

    .pure-u-xs-5-6,
    .pure-u-xs-25-30 {
        width: 83.3333%;
        *width: 83.3023%;
    }

    .pure-u-xs-13-15,
    .pure-u-xs-26-30 {
        width: 86.6667%;
        *width: 86.6357%;
    }

    .pure-u-xs-9-10,
    .pure-u-xs-27-30 {
        width: 90%;
        *width: 89.9690%;
    }

    .pure-u-xs-14-15,
    .pure-u-xs-28-30 {
        width: 93.3333%;
        *width: 93.3023%;
    }

    .pure-u-xs-29-30 {
        width: 96.6667%;
        *width: 96.6357%;
    }

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