@media (max-width: 1120px) { .nav-bar--center { display: none; } .column--med-10 { width: 100%; } } @media (max-width: 800px ) { body, button, input, textarea, label, select, option, p, h3 { font-size: medium; } .text--pull-quote { font-size: 1.5rem; } .column--sml-10 { width: 100%; } .nav-bar-logo { height: 1rem; } .link--nav, .link--nav-active { padding: 1rem 0.5rem 1rem 0.5rem; } .select--arrow { padding-right: 1.5em; } #showlite-body #asset-display-component { max-width: 100%; } #showlite-body #asset-status { padding: 2em; } } @media (max-width: 500px) { .nav-bar-logo { height: 1rem; } .row--padded { padding: 1rem; } .row--short { padding-top: 0px; padding-bottom: 0px; } .row--margined { margin: 1rem; } body, button, input, textarea, label, select, option, p, h3, .fine-print { font-size: small; } .text--pull-quote, .button--large { font-size: medium; } .grid-item { width: calc(100% - 2em); float: none; padding: 1em; margin: 0px; } .info-message--success, .info-message--failure { font-size: small; } } @media (max-width: 360px) { body, button, input, textarea, label, select, option, p, h3, .fine-print { font-size: x-small; } .text--pull-quote, .button--large { font-size: small; } }