/*! Pure v0.5.0 Copyright 2014 Yahoo! Inc. All rights reserved. Licensed under the BSD License. https://github.com/yui/pure/blob/master/LICENSE.md */.pure-g { letter-spacing: -0.31em; *letter-spacing: normal; *word-spacing: -0.43em; text-rendering: optimizespeed; display: -webkit-flex; -webkit-flex-flow: row wrap; display: -ms-flexbox; -ms-flex-flow: row wrap; } .opera-only :-o-prefocus,.pure-g { word-spacing: -0.43em; } .pure-u { display: inline-block; *display: inline; zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; } .pure-g [class *= "pure-u"] { font-family: sans-serif; } .pure-u-1,.pure-u-1-1,.pure-u-1-2,.pure-u-1-3,.pure-u-2-3,.pure-u-1-4,.pure-u-3-4,.pure-u-1-5,.pure-u-2-5,.pure-u-3-5,.pure-u-4-5,.pure-u-5-5,.pure-u-1-6,.pure-u-5-6,.pure-u-1-8,.pure-u-3-8,.pure-u-5-8,.pure-u-7-8,.pure-u-1-12,.pure-u-5-12,.pure-u-7-12,.pure-u-11-12,.pure-u-1-24,.pure-u-2-24,.pure-u-3-24,.pure-u-4-24,.pure-u-5-24,.pure-u-6-24,.pure-u-7-24,.pure-u-8-24,.pure-u-9-24,.pure-u-10-24,.pure-u-11-24,.pure-u-12-24,.pure-u-13-24,.pure-u-14-24,.pure-u-15-24,.pure-u-16-24,.pure-u-17-24,.pure-u-18-24,.pure-u-19-24,.pure-u-20-24,.pure-u-21-24,.pure-u-22-24,.pure-u-23-24,.pure-u-24-24 { display: inline-block; *display: inline; zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; } .pure-u-1-24 { width: 4.1667%; *width: 4.1357%; } .pure-u-1-12,.pure-u-2-24 { width: 8.3333%; *width: 8.3023%; } .pure-u-1-8,.pure-u-3-24 { width: 12.5000%; *width: 12.4690%; } .pure-u-1-6,.pure-u-4-24 { width: 16.6667%; *width: 16.6357%; } .pure-u-1-5 { width: 20%; *width: 19.9690%; } .pure-u-5-24 { width: 20.8333%; *width: 20.8023%; } .pure-u-1-4,.pure-u-6-24 { width: 25%; *width: 24.9690%; } .pure-u-7-24 { width: 29.1667%; *width: 29.1357%; } .pure-u-1-3,.pure-u-8-24 { width: 33.3333%; *width: 33.3023%; } .pure-u-3-8,.pure-u-9-24 { width: 37.5000%; *width: 37.4690%; } .pure-u-2-5 { width: 40%; *width: 39.9690%; } .pure-u-5-12,.pure-u-10-24 { width: 41.6667%; *width: 41.6357%; } .pure-u-11-24 { width: 45.8333%; *width: 45.8023%; } .pure-u-1-2,.pure-u-12-24 { width: 50%; *width: 49.9690%; } .pure-u-13-24 { width: 54.1667%; *width: 54.1357%; } .pure-u-7-12,.pure-u-14-24 { width: 58.3333%; *width: 58.3023%; } .pure-u-3-5 { width: 60%; *width: 59.9690%; } .pure-u-5-8,.pure-u-15-24 { width: 62.5000%; *width: 62.4690%; } .pure-u-2-3,.pure-u-16-24 { width: 66.6667%; *width: 66.6357%; } .pure-u-17-24 { width: 70.8333%; *width: 70.8023%; } .pure-u-3-4,.pure-u-18-24 { width: 75%; *width: 74.9690%; } .pure-u-19-24 { width: 79.1667%; *width: 79.1357%; } .pure-u-4-5 { width: 80%; *width: 79.9690%; } .pure-u-5-6,.pure-u-20-24 { width: 83.3333%; *width: 83.3023%; } .pure-u-7-8,.pure-u-21-24 { width: 87.5000%; *width: 87.4690%; } .pure-u-11-12,.pure-u-22-24 { width: 91.6667%; *width: 91.6357%; } .pure-u-23-24 { width: 95.8333%; *width: 95.8023%; } .pure-u-1,.pure-u-1-1,.pure-u-5-5,.pure-u-24-24 { width: 100%; } /*! Pure v0.5.0 Copyright 2014 Yahoo! Inc. All rights reserved. Licensed under the BSD License. https://github.com/yui/pure/blob/master/LICENSE.md */@media screen and (min-width:35.5em) { .pure-u-sm-1,.pure-u-sm-1-1,.pure-u-sm-1-2,.pure-u-sm-1-3,.pure-u-sm-2-3,.pure-u-sm-1-4,.pure-u-sm-3-4,.pure-u-sm-1-5,.pure-u-sm-2-5,.pure-u-sm-3-5,.pure-u-sm-4-5,.pure-u-sm-5-5,.pure-u-sm-1-6,.pure-u-sm-5-6,.pure-u-sm-1-8,.pure-u-sm-3-8,.pure-u-sm-5-8,.pure-u-sm-7-8,.pure-u-sm-1-12,.pure-u-sm-5-12,.pure-u-sm-7-12,.pure-u-sm-11-12,.pure-u-sm-1-24,.pure-u-sm-2-24,.pure-u-sm-3-24,.pure-u-sm-4-24,.pure-u-sm-5-24,.pure-u-sm-6-24,.pure-u-sm-7-24,.pure-u-sm-8-24,.pure-u-sm-9-24,.pure-u-sm-10-24,.pure-u-sm-11-24,.pure-u-sm-12-24,.pure-u-sm-13-24,.pure-u-sm-14-24,.pure-u-sm-15-24,.pure-u-sm-16-24,.pure-u-sm-17-24,.pure-u-sm-18-24,.pure-u-sm-19-24,.pure-u-sm-20-24,.pure-u-sm-21-24,.pure-u-sm-22-24,.pure-u-sm-23-24,.pure-u-sm-24-24 { display: inline-block; *display: inline; zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; } .pure-u-sm-1-24 { width: 4.1667%; *width: 4.1357%; } .pure-u-sm-1-12,.pure-u-sm-2-24 { width: 8.3333%; *width: 8.3023%; } .pure-u-sm-1-8,.pure-u-sm-3-24 { width: 12.5000%; *width: 12.4690%; } .pure-u-sm-1-6,.pure-u-sm-4-24 { width: 16.6667%; *width: 16.6357%; } .pure-u-sm-1-5 { width: 20%; *width: 19.9690%; } .pure-u-sm-5-24 { width: 20.8333%; *width: 20.8023%; } .pure-u-sm-1-4,.pure-u-sm-6-24 { width: 25%; *width: 24.9690%; } .pure-u-sm-7-24 { width: 29.1667%; *width: 29.1357%; } .pure-u-sm-1-3,.pure-u-sm-8-24 { width: 33.3333%; *width: 33.3023%; } .pure-u-sm-3-8,.pure-u-sm-9-24 { width: 37.5000%; *width: 37.4690%; } .pure-u-sm-2-5 { width: 40%; *width: 39.9690%; } .pure-u-sm-5-12,.pure-u-sm-10-24 { width: 41.6667%; *width: 41.6357%; } .pure-u-sm-11-24 { width: 45.8333%; *width: 45.8023%; } .pure-u-sm-1-2,.pure-u-sm-12-24 { width: 50%; *width: 49.9690%; } .pure-u-sm-13-24 { width: 54.1667%; *width: 54.1357%; } .pure-u-sm-7-12,.pure-u-sm-14-24 { width: 58.3333%; *width: 58.3023%; } .pure-u-sm-3-5 { width: 60%; *width: 59.9690%; } .pure-u-sm-5-8,.pure-u-sm-15-24 { width: 62.5000%; *width: 62.4690%; } .pure-u-sm-2-3,.pure-u-sm-16-24 { width: 66.6667%; *width: 66.6357%; } .pure-u-sm-17-24 { width: 70.8333%; *width: 70.8023%; } .pure-u-sm-3-4,.pure-u-sm-18-24 { width: 75%; *width: 74.9690%; } .pure-u-sm-19-24 { width: 79.1667%; *width: 79.1357%; } .pure-u-sm-4-5 { width: 80%; *width: 79.9690%; } .pure-u-sm-5-6,.pure-u-sm-20-24 { width: 83.3333%; *width: 83.3023%; } .pure-u-sm-7-8,.pure-u-sm-21-24 { width: 87.5000%; *width: 87.4690%; } .pure-u-sm-11-12,.pure-u-sm-22-24 { width: 91.6667%; *width: 91.6357%; } .pure-u-sm-23-24 { width: 95.8333%; *width: 95.8023%; } .pure-u-sm-1,.pure-u-sm-1-1,.pure-u-sm-5-5,.pure-u-sm-24-24 { width: 100%; } } @media screen and (min-width:48em) { .pure-u-md-1,.pure-u-md-1-1,.pure-u-md-1-2,.pure-u-md-1-3,.pure-u-md-2-3,.pure-u-md-1-4,.pure-u-md-3-4,.pure-u-md-1-5,.pure-u-md-2-5,.pure-u-md-3-5,.pure-u-md-4-5,.pure-u-md-5-5,.pure-u-md-1-6,.pure-u-md-5-6,.pure-u-md-1-8,.pure-u-md-3-8,.pure-u-md-5-8,.pure-u-md-7-8,.pure-u-md-1-12,.pure-u-md-5-12,.pure-u-md-7-12,.pure-u-md-11-12,.pure-u-md-1-24,.pure-u-md-2-24,.pure-u-md-3-24,.pure-u-md-4-24,.pure-u-md-5-24,.pure-u-md-6-24,.pure-u-md-7-24,.pure-u-md-8-24,.pure-u-md-9-24,.pure-u-md-10-24,.pure-u-md-11-24,.pure-u-md-12-24,.pure-u-md-13-24,.pure-u-md-14-24,.pure-u-md-15-24,.pure-u-md-16-24,.pure-u-md-17-24,.pure-u-md-18-24,.pure-u-md-19-24,.pure-u-md-20-24,.pure-u-md-21-24,.pure-u-md-22-24,.pure-u-md-23-24,.pure-u-md-24-24 { display: inline-block; *display: inline; zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; } .pure-u-md-1-24 { width: 4.1667%; *width: 4.1357%; } .pure-u-md-1-12,.pure-u-md-2-24 { width: 8.3333%; *width: 8.3023%; } .pure-u-md-1-8,.pure-u-md-3-24 { width: 12.5000%; *width: 12.4690%; } .pure-u-md-1-6,.pure-u-md-4-24 { width: 16.6667%; *width: 16.6357%; } .pure-u-md-1-5 { width: 20%; *width: 19.9690%; } .pure-u-md-5-24 { width: 20.8333%; *width: 20.8023%; } .pure-u-md-1-4,.pure-u-md-6-24 { width: 25%; *width: 24.9690%; } .pure-u-md-7-24 { width: 29.1667%; *width: 29.1357%; } .pure-u-md-1-3,.pure-u-md-8-24 { width: 33.3333%; *width: 33.3023%; } .pure-u-md-3-8,.pure-u-md-9-24 { width: 37.5000%; *width: 37.4690%; } .pure-u-md-2-5 { width: 40%; *width: 39.9690%; } .pure-u-md-5-12,.pure-u-md-10-24 { width: 41.6667%; *width: 41.6357%; } .pure-u-md-11-24 { width: 45.8333%; *width: 45.8023%; } .pure-u-md-1-2,.pure-u-md-12-24 { width: 50%; *width: 49.9690%; } .pure-u-md-13-24 { width: 54.1667%; *width: 54.1357%; } .pure-u-md-7-12,.pure-u-md-14-24 { width: 58.3333%; *width: 58.3023%; } .pure-u-md-3-5 { width: 60%; *width: 59.9690%; } .pure-u-md-5-8,.pure-u-md-15-24 { width: 62.5000%; *width: 62.4690%; } .pure-u-md-2-3,.pure-u-md-16-24 { width: 66.6667%; *width: 66.6357%; } .pure-u-md-17-24 { width: 70.8333%; *width: 70.8023%; } .pure-u-md-3-4,.pure-u-md-18-24 { width: 75%; *width: 74.9690%; } .pure-u-md-19-24 { width: 79.1667%; *width: 79.1357%; } .pure-u-md-4-5 { width: 80%; *width: 79.9690%; } .pure-u-md-5-6,.pure-u-md-20-24 { width: 83.3333%; *width: 83.3023%; } .pure-u-md-7-8,.pure-u-md-21-24 { width: 87.5000%; *width: 87.4690%; } .pure-u-md-11-12,.pure-u-md-22-24 { width: 91.6667%; *width: 91.6357%; } .pure-u-md-23-24 { width: 95.8333%; *width: 95.8023%; } .pure-u-md-1,.pure-u-md-1-1,.pure-u-md-5-5,.pure-u-md-24-24 { width: 100%; } } @media screen and (min-width:64em) { .pure-u-lg-1,.pure-u-lg-1-1,.pure-u-lg-1-2,.pure-u-lg-1-3,.pure-u-lg-2-3,.pure-u-lg-1-4,.pure-u-lg-3-4,.pure-u-lg-1-5,.pure-u-lg-2-5,.pure-u-lg-3-5,.pure-u-lg-4-5,.pure-u-lg-5-5,.pure-u-lg-1-6,.pure-u-lg-5-6,.pure-u-lg-1-8,.pure-u-lg-3-8,.pure-u-lg-5-8,.pure-u-lg-7-8,.pure-u-lg-1-12,.pure-u-lg-5-12,.pure-u-lg-7-12,.pure-u-lg-11-12,.pure-u-lg-1-24,.pure-u-lg-2-24,.pure-u-lg-3-24,.pure-u-lg-4-24,.pure-u-lg-5-24,.pure-u-lg-6-24,.pure-u-lg-7-24,.pure-u-lg-8-24,.pure-u-lg-9-24,.pure-u-lg-10-24,.pure-u-lg-11-24,.pure-u-lg-12-24,.pure-u-lg-13-24,.pure-u-lg-14-24,.pure-u-lg-15-24,.pure-u-lg-16-24,.pure-u-lg-17-24,.pure-u-lg-18-24,.pure-u-lg-19-24,.pure-u-lg-20-24,.pure-u-lg-21-24,.pure-u-lg-22-24,.pure-u-lg-23-24,.pure-u-lg-24-24 { display: inline-block; *display: inline; zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; } .pure-u-lg-1-24 { width: 4.1667%; *width: 4.1357%; } .pure-u-lg-1-12,.pure-u-lg-2-24 { width: 8.3333%; *width: 8.3023%; } .pure-u-lg-1-8,.pure-u-lg-3-24 { width: 12.5000%; *width: 12.4690%; } .pure-u-lg-1-6,.pure-u-lg-4-24 { width: 16.6667%; *width: 16.6357%; } .pure-u-lg-1-5 { width: 20%; *width: 19.9690%; } .pure-u-lg-5-24 { width: 20.8333%; *width: 20.8023%; } .pure-u-lg-1-4,.pure-u-lg-6-24 { width: 25%; *width: 24.9690%; } .pure-u-lg-7-24 { width: 29.1667%; *width: 29.1357%; } .pure-u-lg-1-3,.pure-u-lg-8-24 { width: 33.3333%; *width: 33.3023%; } .pure-u-lg-3-8,.pure-u-lg-9-24 { width: 37.5000%; *width: 37.4690%; } .pure-u-lg-2-5 { width: 40%; *width: 39.9690%; } .pure-u-lg-5-12,.pure-u-lg-10-24 { width: 41.6667%; *width: 41.6357%; } .pure-u-lg-11-24 { width: 45.8333%; *width: 45.8023%; } .pure-u-lg-1-2,.pure-u-lg-12-24 { width: 50%; *width: 49.9690%; } .pure-u-lg-13-24 { width: 54.1667%; *width: 54.1357%; } .pure-u-lg-7-12,.pure-u-lg-14-24 { width: 58.3333%; *width: 58.3023%; } .pure-u-lg-3-5 { width: 60%; *width: 59.9690%; } .pure-u-lg-5-8,.pure-u-lg-15-24 { width: 62.5000%; *width: 62.4690%; } .pure-u-lg-2-3,.pure-u-lg-16-24 { width: 66.6667%; *width: 66.6357%; } .pure-u-lg-17-24 { width: 70.8333%; *width: 70.8023%; } .pure-u-lg-3-4,.pure-u-lg-18-24 { width: 75%; *width: 74.9690%; } .pure-u-lg-19-24 { width: 79.1667%; *width: 79.1357%; } .pure-u-lg-4-5 { width: 80%; *width: 79.9690%; } .pure-u-lg-5-6,.pure-u-lg-20-24 { width: 83.3333%; *width: 83.3023%; } .pure-u-lg-7-8,.pure-u-lg-21-24 { width: 87.5000%; *width: 87.4690%; } .pure-u-lg-11-12,.pure-u-lg-22-24 { width: 91.6667%; *width: 91.6357%; } .pure-u-lg-23-24 { width: 95.8333%; *width: 95.8023%; } .pure-u-lg-1,.pure-u-lg-1-1,.pure-u-lg-5-5,.pure-u-lg-24-24 { width: 100%; } } @media screen and (min-width:80em) { .pure-u-xl-1,.pure-u-xl-1-1,.pure-u-xl-1-2,.pure-u-xl-1-3,.pure-u-xl-2-3,.pure-u-xl-1-4,.pure-u-xl-3-4,.pure-u-xl-1-5,.pure-u-xl-2-5,.pure-u-xl-3-5,.pure-u-xl-4-5,.pure-u-xl-5-5,.pure-u-xl-1-6,.pure-u-xl-5-6,.pure-u-xl-1-8,.pure-u-xl-3-8,.pure-u-xl-5-8,.pure-u-xl-7-8,.pure-u-xl-1-12,.pure-u-xl-5-12,.pure-u-xl-7-12,.pure-u-xl-11-12,.pure-u-xl-1-24,.pure-u-xl-2-24,.pure-u-xl-3-24,.pure-u-xl-4-24,.pure-u-xl-5-24,.pure-u-xl-6-24,.pure-u-xl-7-24,.pure-u-xl-8-24,.pure-u-xl-9-24,.pure-u-xl-10-24,.pure-u-xl-11-24,.pure-u-xl-12-24,.pure-u-xl-13-24,.pure-u-xl-14-24,.pure-u-xl-15-24,.pure-u-xl-16-24,.pure-u-xl-17-24,.pure-u-xl-18-24,.pure-u-xl-19-24,.pure-u-xl-20-24,.pure-u-xl-21-24,.pure-u-xl-22-24,.pure-u-xl-23-24,.pure-u-xl-24-24 { display: inline-block; *display: inline; zoom: 1; letter-spacing: normal; word-spacing: normal; vertical-align: top; text-rendering: auto; } .pure-u-xl-1-24 { width: 4.1667%; *width: 4.1357%; } .pure-u-xl-1-12,.pure-u-xl-2-24 { width: 8.3333%; *width: 8.3023%; } .pure-u-xl-1-8,.pure-u-xl-3-24 { width: 12.5000%; *width: 12.4690%; } .pure-u-xl-1-6,.pure-u-xl-4-24 { width: 16.6667%; *width: 16.6357%; } .pure-u-xl-1-5 { width: 20%; *width: 19.9690%; } .pure-u-xl-5-24 { width: 20.8333%; *width: 20.8023%; } .pure-u-xl-1-4,.pure-u-xl-6-24 { width: 25%; *width: 24.9690%; } .pure-u-xl-7-24 { width: 29.1667%; *width: 29.1357%; } .pure-u-xl-1-3,.pure-u-xl-8-24 { width: 33.3333%; *width: 33.3023%; } .pure-u-xl-3-8,.pure-u-xl-9-24 { width: 37.5000%; *width: 37.4690%; } .pure-u-xl-2-5 { width: 40%; *width: 39.9690%; } .pure-u-xl-5-12,.pure-u-xl-10-24 { width: 41.6667%; *width: 41.6357%; } .pure-u-xl-11-24 { width: 45.8333%; *width: 45.8023%; } .pure-u-xl-1-2,.pure-u-xl-12-24 { width: 50%; *width: 49.9690%; } .pure-u-xl-13-24 { width: 54.1667%; *width: 54.1357%; } .pure-u-xl-7-12,.pure-u-xl-14-24 { width: 58.3333%; *width: 58.3023%; } .pure-u-xl-3-5 { width: 60%; *width: 59.9690%; } .pure-u-xl-5-8,.pure-u-xl-15-24 { width: 62.5000%; *width: 62.4690%; } .pure-u-xl-2-3,.pure-u-xl-16-24 { width: 66.6667%; *width: 66.6357%; } .pure-u-xl-17-24 { width: 70.8333%; *width: 70.8023%; } .pure-u-xl-3-4,.pure-u-xl-18-24 { width: 75%; *width: 74.9690%; } .pure-u-xl-19-24 { width: 79.1667%; *width: 79.1357%; } .pure-u-xl-4-5 { width: 80%; *width: 79.9690%; } .pure-u-xl-5-6,.pure-u-xl-20-24 { width: 83.3333%; *width: 83.3023%; } .pure-u-xl-7-8,.pure-u-xl-21-24 { width: 87.5000%; *width: 87.4690%; } .pure-u-xl-11-12,.pure-u-xl-22-24 { width: 91.6667%; *width: 91.6357%; } .pure-u-xl-23-24 { width: 95.8333%; *width: 95.8023%; } .pure-u-xl-1,.pure-u-xl-1-1,.pure-u-xl-5-5,.pure-u-xl-24-24 { width: 100%; } } .clearfix { *zoom: 1; } .clearfix:before,.clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; box-sizing: border-box; } .vertical-shadow { border: 1px solid #ccc; border-bottom: 1px solid #aaa; box-shadow: 0 1px 3px #ccc; } html.page-container-min-width-zero body,html.page-container-min-width-zero #page-container { min-width: 0; } .hidden { display: none; visibility: hidden; } .visible-phone { display: none!important; } .visible-tablet { display: none!important; } .hidden-desktop { display: none!important; } @media screen and (max-width:480px) { .visible-phone { display: inherit!important; } .hidden-phone { display: none!important; } .hidden-desktop { display: inherit!important; } .visible-desktop { display: none!important; } } .visible-on-responsive-page { display: block!important; } @media screen and (max-width:480px) { body,#page-container { min-width: 0; } #top-header-container .sitewide-navigation .nav-subheader .nav-link,#top-header-container .nav-search-box { display: none; } #top-header-container .sitewide-navigation { display: block; width: 100%; } #top-header-container .nav-subheader { display: block; } #top-header-container #header-logo { display: block; float: none; } #top-header-container #page_auth { font-size: 90%; position: absolute; right: 0; } #top-header-container #page_auth #user-info>* { display: none; } #top-header-container #page_auth #user-info a { padding: 0 8px; border-right: 0; } #top-header-container #page_auth #user-info a.highlight { display: inline; } .ui-autocomplete.ui-menu { max-width: 360px; } .ui-autocomplete.ui-menu .ui-menu-item a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .container { width: auto; } .row,.thumbnails { margin-left: 0; } .row-fluid { margin-bottom: 0; } .row-fluid [class*="span"] { display: block; float: none; margin-left: 0; margin-bottom: 20px; width: auto; } .row-fluid .span-one-third { margin: 0 auto; width: 300px; } } @media screen and (max-width:320px) { .ui-autocomplete.ui-menu { max-width: 280px; } } @media screen and (max-width:567px) { .pure-visible-sm { display: none!important; } .pure-visible-md { display: none!important; } .pure-visible-lg { display: none!important; } .pure-visible-xl { display: none!important; } .pure-hidden-xs { display: none!important; } .pure-visible-xs { display: block!important; } } @media screen and (min-width:568px) and (max-width:767px) { .pure-visible-xs { display: none!important; } .pure-visible-md { display: none!important; } .pure-visible-lg { display: none!important; } .pure-visible-xl { display: none!important; } .pure-hidden-sm { display: none!important; } .pure-visible-sm { display: block!important; } } @media screen and (min-width:768px) and (max-width:1023px) { .pure-visible-xs { display: none!important; } .pure-visible-sm { display: none!important; } .pure-visible-lg { display: none!important; } .pure-visible-xl { display: none!important; } .pure-hidden-md { display: none!important; } .pure-visible-md { display: block!important; } } @media screen and (min-width:1024px) and (max-width:1199px) { .pure-visible-xs { display: none!important; } .pure-visible-sm { display: none!important; } .pure-visible-md { display: none!important; } .pure-visible-xl { display: none!important; } .pure-hidden-lg { display: none!important; } .pure-visible-lg { display: block!important; } } @media screen and (min-width:1200px) { .pure-visible-xs { display: none!important; } .pure-visible-sm { display: none!important; } .pure-visible-md { display: none!important; } .pure-visible-lg { display: none!important; } .pure-hidden-xl { display: none!important; } .pure-visible-xl { display: block!important; } } .pure-g [class*="pure-u"] { font-family: inherit; } .responsive-img { display: block; margin: 0 auto; max-width: 100%; } .pure-g.pure-g--gutter { margin-left: -2.56410256%; } .pure-g.pure-g--gutter>[class*=pure-u] { box-sizing: border-box; padding-left: 2.56410256%; }