/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
/*! normalize.css v3.0.0 | HTML5 Display Definitions | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

/*! normalize.css v3.0.0 | Base | MIT License | git.io/normalize */
html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; }

/*! normalize.css v3.0.0 | Links | MIT License | git.io/normalize */
a { background: transparent; }

a:active, a:hover { outline: 0; }

/*! normalize.css v3.0.0 | Typography | MIT License | git.io/normalize */
abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: 0.67em 0; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/*! normalize.css v3.0.0 | Embedded Content | MIT License | git.io/normalize */
img { border: 0; }

svg:not(:root) { overflow: hidden; }

/*! normalize.css v3.0.0 | Figures | MIT License | git.io/normalize */
figure { margin: 1em 40px; }

hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

/*! normalize.css v3.0.0 | Forms | MIT License | git.io/normalize */
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

/*! normalize.css v3.0.0 | Tables | MIT License | git.io/normalize */
table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

html, body { font-family: 'Helvetica W01',Helvetica,"Helvetica Neue",Arial,sans-serif; font-weight: 400; }

#category-menu a, #category-menu label { text-transform: uppercase; }

#data-menu label.active { font-weight: 600; }

.nolist:before, .wrapper:before, #data-menu .data-menu-description:before, #data-map-wrapper:before, .nolist:after, .wrapper:after, #data-menu .data-menu-description:after, #data-map-wrapper:after, .clearfix:before, .clearfix:after { content: ""; display: table; }
.nolist:after, .wrapper:after, #data-menu .data-menu-description:after, #data-map-wrapper:after, .clearfix:after { clear: both; }
.nolist, .wrapper, #data-menu .data-menu-description, #data-map-wrapper, .clearfix { zoom: 1; /* For IE 6/7 (trigger hasLayout) */ }

.nobullet, .nolist { padding-left: 0; list-style: none; list-style-type: none; }
.nobullet > li, .nolist > li { padding-left: 0; margin-left: 0; background-image: none !important; list-style: none; list-style-type: none; }

.nolist > li { float: left; }

html, body { width: 100%; height: 100%; font-size: 16px; font-weight: 400; text-rendering: optimizeLegibility; -webkt-font-smoothing: antialiased; }

.wrapper { width: 94%; max-width: 980px; margin: 0 auto; position: relative; background-size: 100% auto; }

a { color: #00437a; text-decoration: none; }
a:hover { color: #006884; }

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

select { -moz-appearance: none; -webkit-appearance: none; display: block; background: #fff; padding: .33em 2.5em .33em 1.5em; width: 100%; border-radius: 0; border: 2px solid #d2d3d5; font-size: 1.3em; outline: none; background: #fff url(../media/icon-select.jpg) right center no-repeat; }

select::-ms-expand { display: none; }

.instruction { margin-bottom: 1em; text-align: center; color: #008faf; display: block; font-weight: normal; font-size: 1em; }

#page-header, #page-footer { background: #968675; color: #fff; }

#page-header #branding { width: 300px; margin-left: -20px; height: auto; }

#page-header-social { float: right; padding: 24px 0 0; }

.social { display: inline-block; width: 28px; height: 28px; text-align: center; border-radius: 100%; background-color: rgba(255, 255, 255, 0.8); color: #948574; transition: background-color .2s ease-out; margin-left: 8px; }
.social:before { font-family: 'social-share-kit' !important; transition: color .2s ease-out; font-size: 16px; line-height: 28px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; }
.social.social-facebook:before { content: "a"; }
.social.social-twitter:before { content: "b"; }
.social.social-linkedin:before { content: "g"; font-size: 14px; }

#page-footer { font-size: .75em; color: #D0C7BF; padding: 40px 0 100px; font-weight: 200; }
#page-footer a { color: #D0C7BF; }
#page-footer a:hover { color: #fff; text-decoration: underline; }
#page-footer ul, #page-footer p { line-height: 1.5em; margin-top: 0; }
#page-footer h1 { font-size: 1em; font-weight: 400; margin: 0; }
#page-footer h1 a:hover { text-decoration: none; }
#page-footer h1 .title, #page-footer h1 .subtitle { width: 155px; display: block; }
#page-footer h1 .title { width: 155px; text-indent: -99999px; height: 65px; background: url("//www.sreb.org/sites/default/themes/dtheme/img/logo-theme.svg") no-repeat -20px -20px transparent; margin-top: -.25em; }
#page-footer h1 .subtitle { width: 175px; }
#page-footer ul { -moz-columns: 3; -webkit-columns: 3; columns: 3; }
#page-footer h2 { font-size: 1em; font-weight: 400; color: #fff; margin: 0 0 .66em; }
#page-footer section { float: left; margin-right: 2%; width: 23.5%; }
#page-footer section:last-child { margin-right: 0; }

#page-body { color: #7d6a56; }
#page-body.state-active { background: #fff; }

#logo-masthead { font-size: 3em; margin: .333em auto .166666em; text-align: center; font-family: 'Helvetica W01',Helvetica,"Helvetica Neue",Arial,sans-serif; font-weight: 800; }
#logo-masthead img { width: 312px; max-width: 80%; }
#logo-masthead a { color: #7d6a56; }

#masthead-subtitle { font-size: 1em; text-align: center; font-weight: 700; padding-bottom: 1em; }

.select-menu a, .select-menu label { display: block; cursor: pointer; }
.select-menu input[type=radio] { position: absolute; text-indent: -20000px; visibility: hidden; }

#category-description, #landing-description, #category-content-header { text-align: center; width: 66.666%; margin: 0 auto; }
#category-description p, #landing-description p, #category-content-header p { line-height: 1.7em; margin-top: 0; }

#category-description h3, #category-content-header { color: #7d6a56; margin: 1em auto .3em; font-weight: 900; font-size: 1.5em; text-transform: uppercase; }

#category-description p { font-size: .856em; }

#category-content-header { margin-top: 0; }

#category-menu { font-size: .85em; margin-bottom: 1.1em; }
#category-menu li { width: 32%; margin-right: 2%; }
#category-menu li:last-child { margin-right: 0; }
#category-menu li.category-professionallearning a, #category-menu li.category-professionallearning label { border-color: #008faf; }
#category-menu li.category-professionallearning a.active, #category-menu li.category-professionallearning label.active { background: #008faf; }
#category-menu li.category-educatoreffectiveness a, #category-menu li.category-educatoreffectiveness label { border-color: #f8971d; }
#category-menu li.category-educatoreffectiveness a.active, #category-menu li.category-educatoreffectiveness label.active { background: #f8971d; }
#category-menu li.category-accountability a, #category-menu li.category-accountability label { border-color: #6cb33f; }
#category-menu li.category-accountability a.active, #category-menu li.category-accountability label.active { background: #6cb33f; }
#category-menu li.category-instructionalmaterials a, #category-menu li.category-instructionalmaterials label { border-color: #236192; }
#category-menu li.category-instructionalmaterials a.active, #category-menu li.category-instructionalmaterials label.active { background: #236192; }
#category-menu a, #category-menu label { padding: .66em .66em; text-align: center; border: 2px solid; background: #fff; font-weight: 600; color: #7d6a56; }
#category-menu a.active, #category-menu label.active { color: #fff; }
#category-menu a:hover, #category-menu label:hover { background: #f1efed; }

#landing-description p { margin-bottom: 2em; }

#landing-cards { margin-bottom: 5%; margin-left: auto; margin-right: auto; width: 75%; }
#landing-cards li { width: 32%; margin-right: 2%; }
#landing-cards li:last-child { margin-right: 0; }
#landing-cards li article { padding-top: 100%; position: relative; background-size: contain; background-position: top left; background-repeat: no-repeat; cursor: pointer; -moz-transition: box-shadow 0.25s ease-in-out; -o-transition: box-shadow 0.25s ease-in-out; -webkit-transition: box-shadow 0.25s ease-in-out; transition: box-shadow 0.25s ease-in-out; }
#landing-cards li article:hover { -moz-box-shadow: 5px 5px 10px #aaa; -webkit-box-shadow: 5px 5px 10px #aaa; box-shadow: 5px 5px 10px #aaa; }
#landing-cards li article.category-accountability { background-image: url(../media/photo-accountability-duo.png); }
#landing-cards li article.category-accountability .card-content { background: #6cb33f; }
#landing-cards li article.category-educatoreffectiveness { background-image: url(../media/photo-educatoreffectiveness.png); }
#landing-cards li article.category-educatoreffectiveness .card-content { background: #f8971d; }
#landing-cards li article.category-professionallearning { background-image: url(../media/photo-professionallearning.png); }
#landing-cards li article.category-professionallearning .card-content { background: #008faf; }
#landing-cards li article.category-instructionalmaterials { background-image: url(../media/photo-instructionalmaterials.png); }
#landing-cards li article.category-instructionalmaterials .card-content { background: #236192; }
#landing-cards .card-content { position: absolute; top: 50%; height: 50%; width: 100%; color: #fff; text-align: center; padding: .75em; }
#landing-cards h1 { font-size: .6875em; font-weight: 600; text-transform: uppercase; width: 66.666%; margin: 0 auto .25em; }
#landing-cards p { margin-top: 0; margin-bottom: .5em; }
#landing-cards .card-map-icon { width: 25%; margin-left: 37.5%; padding: .125em .25em 0; border: 1px solid #fff; }
#landing-cards .card-map-icon img { width: 100%; height: auto; }

#more-button { margin-bottom: 5%; text-align: center; }
#more-button a { display: block; width: 32%; margin-left: 34%; }
#more-button button { width: 100%; display: block; color: #008faf; border: 1px solid #008faf; text-align: center; padding: .75em; line-height: 1em; text-transform: uppercase; font-size: .75em; background: none; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
#more-button button:hover { background: #008faf; color: #fff; }

#data-menu { width: 34%; padding-right: 2.5%; float: left; font-size: .75em; position: relative; }
#data-menu ul { margin: 1.2em 0; }
#data-menu p { line-height: 1.7em; padding-left: 2em; padding-right: 2em; font-weight: bold; }
#data-menu label, #data-menu .data-menu-description { position: relative; }
#data-menu label { padding: .33em 2em; -moz-transition: all 0.5s ease-in-out 0s, background 0.01s ease-in-out 0.5s, color 0.01s ease-in-out 0.5s, font-weight 0.01s ease-in-out 0.5s; -o-transition: all 0.5s ease-in-out 0s, background 0.01s ease-in-out 0.5s, color 0.01s ease-in-out 0.5s, font-weight 0.01s ease-in-out 0.5s; -webkit-transition: all 0.5s ease-in-out, background 0.01s ease-in-out, color 0.01s ease-in-out, font-weight 0.01s ease-in-out; -webkit-transition-delay: 0s, 0.5s, 0.5s, 0.5s; transition: all 0.5s ease-in-out 0s, background 0.01s ease-in-out 0.5s, color 0.01s ease-in-out 0.5s, font-weight 0.01s ease-in-out 0.5s; }
#data-menu label:hover { background: #fff; }
#data-menu label.active { -moz-transition-delay: 0s, 0s, 0s, 0s; -o-transition-delay: 0s, 0s, 0s, 0s; -webkit-transition-delay: 0s, 0s, 0s, 0s; transition-delay: 0s, 0s, 0s, 0s; background: #7d6a56; color: #fff; }
#data-menu label.active, #data-menu label.active + .data-menu-description { box-shadow: 1px 3px 3px #999; }
#data-menu .data-menu-description { background: #fff; z-index: 2; max-height: 0; overflow: hidden; margin-bottom: 0; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
#data-menu .data-menu-description.active { margin-bottom: .5em; max-height: 350px; }

#data-map-wrapper { background: #f1efed; padding: 1.5em 1em; border-left: 8px solid #f1efed; }
.category-accountability #data-map-wrapper { border-color: #6cb33f; }
.category-professionallearning #data-map-wrapper { border-color: #008faf; }
.category-educatoreffectiveness #data-map-wrapper { border-color: #f8971d; }
.category-instructionalmaterials #data-map-wrapper { border-color: #236192; }

#data-map { width: 66%; float: right; padding: 0 5.666% 2em 3.5%; position: relative; }
#data-map path { fill: #ddd; -moz-transition: -moz-transform 0.1s ease-in-out; -o-transition: -o-transform 0.1s ease-in-out; -webkit-transition: -webkit-transform 0.1s ease-in-out; transition: transform 0.1s ease-in-out; cursor: pointer; -moz-transform-origin: center center !important; -ms-transform-origin: center center !important; -webkit-transform-origin: center center !important; transform-origin: center center !important; }
#data-map path:hover { -moz-transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }
#data-map svg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

#map-wrapper { width: 100%; position: relative; }

#map-spacer { width: 100%; padding-top: 62.56%; }

#data-map-legend { position: absolute; top: 0; left: 30%; -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); font-size: .7em; color: #333; display: table; table-layout: fixed; margin: 0; z-index: 3; }
#data-map-legend li { padding: 0 .25em; float: none; display: table-cell; width: 150px; text-align: center; vertical-align: bottom; }
.active-3differentiatingschoolperformance #data-map-legend li { width: 100px; }
.active-2schoolperformanceindicators #data-map-legend li { width: 130px; }
.active-4supportingschools #data-map-legend li { width: 200px; }
#data-map-legend li:last-child { margin-right: 0; }
#data-map-legend .legend-item-block { width: 2em; height: 2em; display: block; margin: .5em auto 0; }

#data-map-tooltip { position: absolute; opacity: 0; pointer-events: none; width: 40%; border: 2px solid #d2d3d5; background: rgba(255, 255, 255, 0.9); padding: 1em; line-height: 1.4em; -moz-transform: translate(-100%, -100%); -ms-transform: translate(-100%, -100%); -webkit-transform: translate(-100%, -100%); transform: translate(-100%, -100%); margin-left: 5%; z-index: 3; -moz-box-shadow: 2px 2px 4px #aaa; -webkit-box-shadow: 2px 2px 4px #aaa; box-shadow: 2px 2px 4px #aaa; }
#data-map-tooltip h1 { font-size: .85em; margin: 0; color: #6cb33f; font-weight: 600; text-transform: uppercase; line-height: 1.2em; }
#data-map-tooltip p { margin: 0; font-size: .75em; }
#data-map-tooltip.active { opacity: 1; -moz-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; -webkit-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; }
#data-map-tooltip.active-professionallearning h1 { color: #008faf; }
#data-map-tooltip.active-educatoreffectiveness h1 { color: #f8971d; }
#data-map-tooltip.active-instructionalmaterials h1 { color: #236192; }

#state-head select { width: 32%; margin: 0 auto 1em; }
#state-head .instruction { font-size: .825em; }

#content-body { padding-top: 1.2em; padding-bottom: 10em; background: #fff; }
#content-body .instruction { font-size: .8em; }

.pending .content-wrapper * { color: #ccc !important; }

.content-wrapper { width: 85%; padding-left: 15%; float: left; }
.content-wrapper blockquote { margin: 1em 0 1em -20px; padding-left: 10px; border-left: 10px solid #6cb33f; background: #f5f5f5; padding-top: .5em; padding-bottom: .5em; padding-right: 1em; }
.content-wrapper p { margin-top: .5em; margin-bottom: .6em; }
.content-wrapper p, .content-wrapper li { line-height: 1.4em; }
.content-wrapper li { margin-bottom: .4em; }
.content-wrapper h3, .content-wrapper h4, .content-wrapper h5, .content-wrapper h6 { text-align: center; font-weight: 400; margin-top: 1.5em; margin-bottom: 0; }
.content-wrapper h3 + h3, .content-wrapper h3 + h4, .content-wrapper h3 + h5, .content-wrapper h3 + h6, .content-wrapper h4 + h3, .content-wrapper h4 + h4, .content-wrapper h4 + h5, .content-wrapper h4 + h6, .content-wrapper h5 + h3, .content-wrapper h5 + h4, .content-wrapper h5 + h5, .content-wrapper h5 + h6, .content-wrapper h6 + h3, .content-wrapper h6 + h4, .content-wrapper h6 + h5, .content-wrapper h6 + h6 { margin-top: .33em; }
.content-wrapper h3 strong, .content-wrapper h4 strong, .content-wrapper h5 strong, .content-wrapper h6 strong { font-weight: inherit; }
.content-wrapper h3:first-child, .content-wrapper h4:first-child, .content-wrapper h5:first-child, .content-wrapper h6:first-child { margin-top: 0; }
.content-wrapper h2, .content-wrapper .accordion h3 { color: #7d6a56; }
.content-wrapper h3, .content-wrapper .accordion h4 { text-transform: uppercase; font-weight: 900; color: #008faf; font-size: 1.5em; }
.content-wrapper h4, .content-wrapper .accordion h5 { font-size: 1.25em; color: #7d6a56; font-weight: 400; }
.content-wrapper h5, .content-wrapper .accordion h6 { font-size: 1em; margin-top: 1.5em; margin-bottom: .5em; }
.content-wrapper table { width: 100%; font-size: .9em; margin: 1.25em 0; line-height: 1.4em; }
.content-wrapper table td, .content-wrapper table th { padding: .5em 1em; text-align: left; border-bottom: 1px solid #7d6a56; border-right: 1px dotted #7d6a56; }
.content-wrapper table td:last-child, .content-wrapper table th:last-child { border-right: 0; }
.content-wrapper table th { background: #7d6a56; color: #fff; vertical-align: bottom; }
.content-wrapper table td { vertical-align: top; }
.content-wrapper table tbody tr:first-child { border-top: 1px solid #7d6a56; }
.content-wrapper table tbody tr:nth-child(even) { background: #f1efed; }

#state-content { padding-left: 20px; }
#state-content .content-sidebar { padding-top: .4em; }

#data-content { margin-top: 1.5em; }
#data-content .content-sidebar { padding-top: 1.4em; }

.content-sidebar { width: 12%; margin-left: 3%; float: right; text-align: center; }
.content-sidebar img { cursor: pointer; width: 100%; max-width: 100px; margin-top: -1em; }
.content-sidebar .instruction { margin-top: .6em; margin-bottom: .5em; }

.accordion h3 { font-size: 1em; font-weight: 400; text-transform: capitalize; text-align: center; padding: .6em 4em; margin: 0 0 .6em; position: relative; cursor: pointer; background: #f1efed; }
.accordion h3:after { content: "\f067"; font-family: "FontAwesome"; color: #c4bcb4; position: absolute; right: 0; top: 0; bottom: 0; padding: .8em 1.2em; }
.accordion h3:hover:after { color: #fff; background-color: #c4bcb4; }
.accordion > *:not(h3) { width: 94%; margin: 0 auto; line-height: 1.55em; max-height: 0; overflow: hidden; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
.accordion > table { display: none; }
.accordion.open h3 { font-weight: 600; }
.accordion.open h3:after { content: "\f068"; background: #6cb33f; color: #fff; }
.accordion.open > *:not(h1) { max-height: 10000px; }
.accordion.open > *:not(h1):last-child { margin-bottom: 1em; }
.accordion.open > h4, .accordion.open > h5 { margin-bottom: .5em; }
.accordion.open > p:not(:last-child) { margin-bottom: .6em; }
.accordion.open > table { display: table; }

.social-share i, .download i { display: inline-block; line-height: 1em; vertical-align: middle; cursor: pointer; }

.social-share i { padding: .3em; width: 1.6em; height: 1.6em; border: 1px solid #7d6a56; font-size: .9em; border-radius: 2em; margin-right: .25em; margin-bottom: 1em; }
.social-share i:last-child { margin-right: 0; }

.download i { color: #333; font-size: 1.5em; margin-bottom: .25em; }

.category-educatoreffectiveness h3, .category-educatoreffectiveness .accordion h4 { color: #f8971d; }
.category-educatoreffectiveness .accordion.open h3:after { background: #f8971d; }
.category-educatoreffectiveness .content-wrapper blockquote { border-color: #f8971d; }

.category-professionallearning .accordion.open h3:after { background: #008faf; }
.category-professionallearning .content-wrapper blockquote { border-color: #008faf; }

.category-accountability h3, .category-accountability .accordion h4 { color: #6cb33f; }

.category-instructionalmaterials h3, .category-instructionalmaterials .accordion h4 { color: #236192; }
.category-instructionalmaterials .accordion.open h3:after { background: #236192; }
.category-instructionalmaterials .content-wrapper blockquote { border-color: #236192; }

.print-only { display: none; }

@media print { .print-only { display: block; }
  tr, td, th { -moz-page-break-inside: avoid; -webkit-column-break-inside: avoid; break-inside: avoid; }
  #page-header, #page-footer, .content-sidebar, .instruction { display: none; }
  #branding-print { width: 100%; height: auto; }
  #page-body { padding-top: 2em; }
  .wrapper { width: 100%; }
  #state-content { padding-left: 0; }
  .content-wrapper { width: 100%; margin: 0; padding: 0; float: none; }
  .content-wrapper table { max-width: 100%; }
  .content-wrapper table th { background: #fff; color: #7d6a56; font-weight: bold; border: 0; }
  #state-head select { display: none; }
  #category-menu li { margin: 0 0 0 25%; width: 50%; display: block; float: none; }
  #category-menu li label { display: none; }
  #category-menu li label.active { display: block; background: #fff !important; color: #7d6a56; }
  #logo-masthead { font-size: 2em; }
  #logo-masthead img { width: 50%; }
  #print-state { font-size: 1.8em; text-align: center; font-weight: 200; } }
@media screen and (max-width: 1060px) { #landing-cards p { width: 100%; margin-left: 0; } }
@media screen and (max-width: 980px) { #category-menu li { display: table; }
  #category-menu label { height: 4em; display: table-cell; vertical-align: middle; }
  .content-wrapper { width: 77%; padding-left: 0; }
  .content-sidebar { width: 20%; }
  /*#landing-cards { .card-content { min-height:70%; height:auto; top:auto; bottom:0; } } #landing-cards { li { width:49%; margin-bottom:2%; &:nth-child(even) { margin-right:0; } article { padding-top:66.666%; } } .card-content { height:auto; min-height:25%; } }*/
  #landing-cards li { width: 100%; float: none; margin-right: 0; margin-bottom: 1em; }
  #landing-cards li article { padding-top: 0; background-position: top left; }
  #landing-cards .card-content { position: static; margin-left: 25%; width: 75%; min-height: 6em; }
  #landing-cards .card-map-icon { display: none; } }
@media screen and (max-width: 800px) { #data-menu label, #data-menu p { padding-left: 1em; padding-right: 1em; }
  #data-map { padding-left: 2%; padding-right: 2%; }
  #data-map-tooltip { width: 60%; left: 50% !important; right: auto !important; -moz-transform: translate(-50%, -100%); -ms-transform: translate(-50%, -100%); -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); margin: 0; }
  #category-description, #landing-description, #more-button a { width: 80%; }
  #more-button a { margin-left: 10%; } }
@media screen and (max-width: 767px) { #data-map, #data-menu { width: 80%; margin: 0 auto; float: none; border: none; padding-left: 0; padding-right: 0; }
  #data-map { margin-bottom: 1em; padding-bottom: 2em; border-bottom: 1px solid #7d6a56; }
  #data-map-legend { bottom: 2em; }
  .content-wrapper { width: 100%; margin-top: 1em; float: none; }
  #state-content .content-wrapper { margin-top: 0; }
  .content-sidebar { width: auto; margin: 0 auto; display: table; float: none; }
  #data-content .content-sidebar { padding-top: .4em; }
  .sidebar-group { display: table-cell; padding-left: .5em; padding-right: .5em; }
  #page-footer section { width: 49%; }
  #page-footer #page-footer-branding { width: 100%; margin-right: 0; margin-bottom: 2em; }
  #category-menu li { display: block; margin-right: 0; width: 100%; margin-bottom: .5em; float: none; }
  #category-menu li label { width: 100%; display: block; height: auto; }
  #landing-cards li { width: 100%; float: none; margin-right: 0; margin-bottom: 1em; }
  #landing-cards li article { padding-top: 0; background-position: top left; }
  #landing-cards .card-content { position: static; margin-left: 25%; width: 75%; min-height: 6em; }
  #landing-cards .card-map-icon { display: none; } }
@media screen and (max-width: 680px) { #data-map, #data-menu, #category-description, #landing-description, #more-button a { width: 100%; }
  #more-button a { margin-left: 0; }
  #data-menu label { text-align: center; } }
@media screen and (max-width: 640px) { #category-menu li { width: 100%; margin-right: 0; margin-bottom: .5em; }
  #category-menu label { height: auto; }
  #data-map-tooltip { width: 80%; }
  #data-map { margin-top: 5em; }
  #data-map-legend { width: 100%; margin-top: -5em; left: 50%; }
  #state-head select { width: 90%; }
  #page-footer section { width: 100%; margin-right: 0; margin-bottom: 2em; }
  #page-header #branding { max-width: 60%; margin-left: -10px; }
  #page-header-social { padding-top: 0; position: absolute; right: 0; top: 50%; -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
  .content-wrapper table { font-size: .8em; }
  .content-wrapper table th, .content-wrapper table td { padding: .5em; }
  #category-content-header { width: 100%; }
  #category-content-header br { display: none; } }
@media screen and (max-width: 480px) { #landing-cards h1 { width: 100%; }
  #landing-cards p { font-size: .85em; } }
@media screen and (max-width: 400px) { #landing-cards h1, #landing-cards p { max-width: 100%; margin-left: 0; } }