/* html { overflow-y: scroll;} html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, ol, ul, li, form, fieldset, legend, label, table, header, footer, nav, section, figure { margin: 0; padding: 0; } figure { display: block;} body { font-family: "myriad-pro","Myriad Pro","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 18px; line-height: 26px; color: #282B30; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-font-feature-settings: "liga", "kern"; } */ /*img {width:100%;} */ /*img { width: auto; max-width: 100%; height: auto; border: 0; } */ .section { width: 100%; margin-top: 0px; } .section--head { padding: 10px 0 0 10px; margin: 0; background: #ffffff; } .row { max-width: 980px; margin: 0px auto; padding: 0; position: relative; } .row:after { content: " "; visibility: hidden; display: block; height: 0; clear: both; } .em-gallery { width: 100%; height: auto; float: left; } .em-gallery a { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; display: block; float: left; margin: 0 5px 5px 0; width: 110px; line-height: 0; } a.em-gallery__img--main { width: auto; height: auto; } .em-gallery figure { display: none; } .em-gallery__title { line-height: 14px; font-size: 14px; opacity: 0.8; margin-top: 5px; width: 100%; float: left; } @media screen and (max-width: 1000px) { .row--wide { max-width: 800px; } .row--wide img { float: none; } .img-desc { margin-left: 0; } .section { margin-top: 132px; } .row--docs { max-width: 800px; padding-left: 30px; } .section--head { margin-top:0; padding: 30px 0; } .row--nav { font-size: 24px; line-height: 1.1; } } @media screen and (max-width: 650px) { } @media screen and (max-width: 450px) { .row--wide img { margin-bottom: 6px; } .row { padding: 0 18px; } .row--nav { font-size: 18px; line-height: 26px; } } @media screen and (max-width: 700px) { .row--nav { font-size: 18px; line-height: 26px; } .em-gallery { max-width: 500px; } .em-gallery a { width: 120px; margin: 0 4px 4px 0; } a.em-gallery__img--main { width: 164px; } .section--head p { font-size: 18px; line-height: 24px; } } @media (max-width: 400px) { .em-gallery a { width: 132px; margin: 0 3px 3px 0; } a.em-gallery__img--main { width: 140px; } } /* @media screen and (max-width: 350px) { .em-gallery a { width: 120px; margin: 0 1px 1px 0; } a.em-gallery__img--main { width: 120px; margin: 0 5px 5px 0;} } */