@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLDwM4.ttf) format('truetype');
}
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7CA.ttf) format('truetype');
}
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/robotocondensed/v25/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYag.ttf) format('truetype');
}

.content header {
    margin-bottom: 16px;
}

.content header::after {
    display: block;
    content: '';
    clear: both;
}

.content header h1 {
    font-size: 3rem;
    line-height: 36px;
    text-transform: none;
    margin-bottom: 12px;
}

.content header div.share {
    width: 150px;
    height: 48px;
    float: right;
}

.content header div.share a {
    width: 32px;
}
@media only screen and (max-width: 639px) {
    .content header div.share {
        display: none;
    }
}

.content header span {
    display: block;
    padding-right: 16px;
    font-size: 1.1rem;
    line-height: 1.5rem;
    margin-right: 150px;
    vertical-align: top;
    margin-bottom: 4px;
}
@media only screen and (max-width: 639px) {
    .content header span {
        margin-right: 0px;
    }
}

.content header figure {
    display: block;
    width: 68px;
    height: 52px;
    vertical-align: top;
    float: left;
}

.content header figure img {
    width: 100%;
    height: auto;
}

.content header figure ~ div {
    margin-left: 75px;
}

.content header .coverage {
    margin-bottom: 4px;
}

.content header .coverage .meet,
.content header .coverage .genre {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.4rem;
    margin-bottom: 4px;
}

.content header .coverage .tag {
    margin-left: 8px;
    border-left: solid 1px #646464;
    padding-left: 8px;
}

.content header .byline {
    margin-bottom: 2px;
}

.content header .published {
    color: #646464;
    font-style: italic;
}

.content nav form div.field.tag {
    width: auto;
}

.content nav form div.field.tag div.input {
    padding-right: 16px;
}

.content nav.pagination span {
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
}

.content nav.pagination .first {
    display: block;
    float: left;
}

.content nav.pagination .prev {
    position: relative;
    float: left;
}

.content nav.pagination .next {
    position: relative;
    float: right;
}

.content nav.pagination .last {
    display: block;
    float: right;
}

#side .tags article {
    font-size: 1.2rem;
    height: auto;
    line-height: 32px;
    padding-left: 8px;
    margin: 0px;
}