@media screen and (max-width: 71.875em) {
    html {
        font-size: 67%;
    }
}
@media screen and (max-width: 61.25em) {
    html {
        font-size: 66%;
    }
}
@media screen and (max-width: 55em) {
    html {
        font-size: 64%;
    }
    #container h1 {
        font-size: 44px;
        letter-spacing: normal;
    }
    #container h2 {
        font-size: 18px;
        letter-spacing: normal;
        line-height: 1.4;
    }
    #container h3 {
        font-size: 15px;
        margin: 1em auto;
    }
    #container h3 i {
        font-size: 24px;
    }
    #pgf {
        width: auto;
        margin: 3em auto 1em;
    }
    #mpp {
        display: none;
    }
    #pupop1 {
        display: block;
        padding: 1em 0;
    }
    #pupop1 p {
        display: none;
    }
    #container h4 {
        font-size: 22px;
        letter-spacing: 1px;
    }
    #pupop1 ul {
        list-style: none;
        margin: 0 auto;
        padding: 1em 0 2em;
        display: block;
        text-align: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        overflow: hidden;
        width: 94%;
    }
    #pupop1 ul li {
        display: block;
        width: 100%;
        margin: 0;
        overflow: hidden;
        text-align: center;
    }
    #pupop1 ul li a {
        position: relative;
        display: inline-block;
        font-size: 14px;
        font-family: 'open_sansregular';
        font-weight: normal;
        font-style: normal;
        color: #111;
        text-decoration: none;
        overflow: hidden;
        text-align: center;
        display: block;
        padding: 3px 0;
    }
    #pupop1 h6 {
        font-size: 13px;
        font-family: 'open_sanslight';
        font-weight: normal;
        font-style: normal;
        color: #111;
        display: block;
        margin: 10px 0 15px;
    }
    footer p {
        font-size: 15px;
    }
}
@media screen and (max-width: 50em) {
    html {
        font-size: 62%;
    }
}
@media screen and (max-width: 43.75em) {
    html {
        font-size: 60%;
    }
}
@media screen and (max-width: 34.375em) {
    html {
        font-size: 58%;
    }
}
@media screen and (max-width: 30em) {
    html {
        font-size: 56%;
    }
}
@media screen and (max-width: 20.3125em) {
    html {
        font-size: 54%;
    }
}