html {
    font-size: 10px;
    line-height: 1.6em;
    font-family: arial, sans-serif;
}
html p {
    color: #666666;
}
h1 {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 16px;
    line-height: 1.6rem;
    letter-spacing: -0.03em;
    margin: 0 0 4px 0;
    padding: 0;
}
h1 a {
    color: black;
    text-decoration: none;
}
h1 a:hover {
    color: #666666;
    text-decoration: underline;
}
p {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 16px;
    line-height: 1.6rem;
    margin: 0;
    padding: 0;
}
.header {
    width: 100%;
    display: block;
    float: left;
    margin-bottom: 12px;
}
.brand {
    width: 40%;
    max-width: 199px;
}
.brand img {
    width: 100%;
}
.promo {
    width: 70%;
    max-width: 451px;
}
.promo img {
    width: 100%;
}
.description {
    margin-bottom: 45px;
    font-style: italic;
}
.story-grid .row {
    width: 100%;
    display: inline-block;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}
.story {
    width: 50%;
    margin-bottom: 6px;
    float: left;
    display: inline-block;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}
.story .responsive-image-container {
    padding-bottom: 56.3%;
    margin-bottom: 6px;
}
.story:nth-child(even) {
    padding-left: 6px;
}
.story:nth-child(odd) {
    padding-right: 6px;
}
.responsive-image-container {
    position: relative;
    width: 100%;
    float: left;
    height: 0;
}
.responsive-image-container img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
}
.hidden {
    display: none;
}