Responsive NYT Homepage

/* Fixing up the NYT Homepage */

.shell {
    max-width: 100em;
    width: 98vw;
    margin: 0 auto;
}

.masthead.theme-in-content .masthead-meta, .masthead.theme-in-content .masthead-cap {
    display: block !important;
}

.column {
    width: auto;
    float: left;
    margin-left: 0;
    padding-left: 1em;
    _background: red;
}

.split-layout {
    column-count: 2;
    column-gap: 2em;
    column-rule: solid 1px #ccc;
}

.split-layout .column {
    break-inside: avoid;
}

.span-ab-layout .c-column {
    width: 33%;
    float: left;
    _background-color: #cff;
}

.span-ab-layout .ab-column {
    width: 60%;
    margin-right: 0;
    border-right: solid 1px #ccc;
    _background-color: #fcc;
}

 .span-ab-layout .ab-column .split-3-layout .column {
     border: none;
}

.wide-b-layout .a-column {
    width: 32%;
    margin: 0;
    padding-right: 1%;
    border-right: solid 1px #ccc;
    _background-color: #fcf;
}

.wide-b-layout .b-column {
    width: calc( 100% - 33% - 3em );
    float: left;
    _background-color: #ffc;
}

.story.theme-feature .media.photo {
    width: auto;
}

.layout {
    background-image: none !important;
}

.portal-container {
    width: auto;
}

.synced.portal-container .portal-posts-frame {
    height: 126em !important;
}

.inside-nyt {
    width: 98vw;
}

.split-3-layout .column {
    height: auto !important;
}

.top-news .split-3-layout{
    column-count: 3;
    column-gap: 1em;
    column-rule: solid 1px #ccc;
    padding-right: 1em;
    _background: #fcc;
    height: 16em !important;
}

.top-news .split-3-layout .column {
    height: 16em !important;
}

.nythpSmarterLiving article {
    width: 45%;
}

.nythpSmarterLiving .story.theme-summary .story-heading {
    width: calc( 100% - 85px );
}

/* Video spinner */
.video-section .b-column {
    width: calc( 100% - 820px );
}

.video-section .b-column:before,
.video-section .b-column:after {
    content: none;
}

.video-section .video-playlist {
    width: auto;
}

.video-section .video-playlist-container {
    width: auto;
}

.video-section .video-playlist li {
    display: block;
    float: left;
    height: 11em;
    width: 150px;
    padding-left: 16px;
}

.well .split-3-layout {
    column-count: 3;
    column-gap: 1em;
    column-rule: solid 1px #ccc;
    padding-right: 1em;
}

.well .split-3-layout .column {
    display: block;
    width: auto;
    break-inside: avoid;
    border: none !important;
}

.recommendations ol li .story-body {
    width: calc( 100% - 50px );
}

.site-index {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.site-index .split-6-layout .column {
    width: calc( 98% / 6 );
}

.split-layout .column, .split-3-layout .column {
    margin-left: 0;
}


/* Fonts */
.story.theme-summary .summary {
    font-size: 1rem;
}

.portal-container .portal-post header, .portal-container .portal-post .post-content b,
.portal-container .portal-post header, .portal-container .portal-post p, .portal-container .portal-post li, .portal-container .portal-post footer {
    font-size: 0.8rem;
    line-height: 1.2;
}