/* Loaded with media="(max-width:768px)" only: desktop untouched. */
html, body { overflow-x: hidden; }
body { min-width: 0 !important; margin: 16px 0 24px !important; padding: 0 14px; }
.container, .container.home { padding-left: 0; padding-right: 0; }
img, video, iframe { max-width: 100%; }
.row { margin-left: 0; margin-right: 0; }
.col-xs-6, .col-xs-4, .col-xs-10, .col-xs-12 { width: 100% !important; float: none !important; padding-left: 0; padding-right: 0; margin-left: 0 !important; }
/* header */
.col-xs-6[style*="margin-top: -30px"] { margin-top: 0 !important; }
h2 { font-size: 22px !important; line-height: 1.2; word-wrap: break-word; margin-bottom: 4px !important; }
h4.menu { margin-top: 6px !important; line-height: 2.4; }
h4.menu a, .menu a { display: inline-block; padding: 4px 2px; }
.rightlanding { padding-left: 0 !important; margin: 4px 0 8px !important; }
/* home grid */
.homeimg { margin-top: 20px !important; }
.homeimg img { height: auto !important; width: calc(50% - 6px); margin: 0 2px 6px 0 !important; }
/* film/book/art cards */
.films, section.films { max-width: 100% !important; }
.films .entry, .films .entry:hover { float: none !important; width: 100% !important; height: auto !important; margin-right: 0 !important; margin-bottom: 16px; }
.films .entry a, .films .entry a span { height: auto !important; }
.films .entry a img { height: auto !important; width: 100%; }
.films .entry a h2 { width: 100% !important; }
article { height: auto !important; padding-bottom: 0.5em; }
/* life list */
li.life a { font-size: 20px !important; display: block; padding: 6px 0; }
li.life a span { width: auto !important; display: block !important; font-size: 14px; }
/* detail pages */
.vdo-title { font-size: 28px !important; line-height: 32px !important; }
h4[style*="font-size: 30px"] { font-size: 20px !important; }
p[style*="width: 490px"] { width: 100% !important; }
.col-xs-6[style*="margin-top: -6px"] { margin-top: 20px !important; }
.col-xs-6 .col-xs-12 { padding: 0; }
.homeimg video, #video_background { width: 100%; height: auto; }
.footer { margin-top: 30px !important; }
.modal-dialog { width: auto; margin: 10px; }