.pure-g {
}

/* HEADER */

body > header fieldset legend {
    font-size: 14px;
}

/* PRODUCT */

section[name=product] .pure-u-1:first-child img {
    margin-top: 20px;
    max-width: auto;
    height: 180px;

    position: relative;
    left: 50%;
    top: 0;

    -webkit-transform: translate(-50%, 0);
       -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
         -o-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
}
section[name=product] .pure-u-1:last-child h1 {
    font-size: 32px;
}
section[name=product] .pure-u-1:last-child p {
    font-size: 16px;
    line-height: 20px;
}
section[name=product] .pure-u-1:last-child a:last-child {
    font-size: 22px;
    display: block;
    text-align: center;
}

/* AWARDS */

section[name=awards] a.award {
    height: 80px;
}
section[name=awards] a.award:before {
    width: 80px;
    height: 80px;
}
section[name=awards] a.award span {
    margin-left: 90px;
}

/* INFO */

section[name=info] {
    padding: 100px 0 40px 0;
}
section[name=info] ul.info-dots {
    display: inline-block;
    padding: 0;
    margin: 0;
    width: 100%;
    top: 40px;
    text-align: center;
}
section[name=info] ul.info-dots li {
    font-size: 14px;
    padding: 0;
    margin: 0;
}
section[name=info] ul.info-dots li:before {
    margin: 0 5px;
}

section[name=info] article {
    width: 100%;
}
section[name=info] article header {
    font-size: 28px;
}
section[name=info] article main p {
    font-size: 16px;
}
section[name=info] article main img {
    width: 100px;
    height: 150px;
    margin: 0 0 10px 10px;
}

/* CHARITIES WE SUPPORT */

section[name=charities] h4 {
    font-size: 28px;
}
section[name=charities] article {
    padding-left: 0;
}
section[name=charities] article img {
    display: none;
}
section[name=charities] article header {
    font-size: 28px;
}
section[name=charities] article blockquote {
    font-size: 16px;
}
section[name=charities] article footer {
    font-size: 14px;
    padding: 10px;
}

/* CHILDREN */

section[name=children] ul {
    height: 70px;
}

/* IN THE PRESS */

section[name=press] h4 {
    font-size: 28px;
}
section[name=press] h4 img {
    width: 32px;
}

section[name=press] ul.press {
    margin: 0;
    padding: 0;
}
section[name=press] ul.press:before {
    display: none;
}
section[name=press] ul.press li article {
    padding: 10px 0;
    border-bottom: 0px none;
}
section[name=press] ul.press article > img {
    display: none;
}
section[name=press] ul.press article header:before,
section[name=press] ul.press article header:after {
    display: none;
}

/* OUR CORPORATE PARTNERS */

section[name=partners] h4 {
    font-size: 28px;
}
section[name=partners] article {
    padding-left: 0px;
}
section[name=partners] article header {
    font-size: 28px;
}
section[name=partners] article blockquote {
    font-size: 16px;
}
section[name=partners] article > div {
    display: none;
}

/* VIDEOS */

section[name=videos] h4 {
    font-size: 28px;
}
section[name=videos] h4 img {
    width: 32px;
}

/* SHARE */

section[name=share] h4 {
    font-size: 24px;
    line-height: 28px;
}
section[name=share] h6 {
    margin-top: 10px;
    font-size: 16px;
    line-height: 20px;
}

/* STEPS */

ol.steps {
    list-style-type: none;
    padding: 0;
    margin: 40px 0 100px 0;
    display: block;
}
ol.steps li {
    display: block;
    float: left;
    width: 33%;
    font-size: 14px;
    margin: 0;
    padding: 0;
}

/* STEP 1 */

section[name=step-1] h4 {
    font-size: 28px;
}
section[name=step-1] form button[type=submit] {
    display: block;
    width: 100%;
}
section[name=step-1] .pure-g:nth-child(2) .pure-u-1:before {
    display: none;
}

/* STEP 2 */

section[name=step-2]:before {
    display: none;
}
section[name=step-2] h4 {
    font-size: 28px;
}
section[name=step-2] h6 {
    font-size: 16px;
}
section[name=step-2] .button.ambassador {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

/* TEXTS */

section[name=gold-ambassadors] ul li {
    width: 100%;
}
section[name=normal-ambassadors] output {
    display: block;
    overflow-y: none;
    overflow-x: auto;
}
section[name=normal-ambassadors] output table {
    width: 1000px;
}

/* CONTACT US */

section[name=contact-us] fieldset {
    display: block;
    width: 100%;
    padding: 0;
}
section[name=contact-us] fieldset legend {
    width: 100%;
}
section[name=contact-us] fieldset legend h2 {
    font-size: 24px;
}
section[name=contact-us] fieldset form .pure-form-aligned .pure-control-group {
    width: 100%;
}
section[name=contact-us] .pure-form-aligned .pure-controls {
    margin: 10px 0;
}
section[name=contact-us] .pure-form-aligned .pure-controls button[type=submit] {
    display: block;
    width: 100%;
}