.removeClass{visibility:hidden}
.textClass{visibility:visible}
.norc-gss-infographics{font-family:'Roboto'}
.econ{background-color:#23a58c}
.educ{background-color:#a12730}
.health{background-color:#218aaa}
.global{background-color:#a74b9c}
.society{background-color:#c45371}
.main{margin:auto;width:100%}
.gss{max-height:620px;width:100%;margin:auto;background-color:#e7e4de;Color:#000}
.svg-container{width:100%;margin:0 0 0 4.25%;vertical-align:middle;overflow:hidden;max-height:620px}
.gss-header{display:flex;padding-top:4%;vertical-align:top}
.headertitle{font-size:1.3em;line-height:1.5em;font-weight:400;width:18%;display:inline-block;margin-right:2%;text-align:right}
.headerinfo{display:inline-block;width:70%;line-height:15px}
.headerinfo h3{font-size:13px;font-weight:700;margin:0;padding-right:16%;padding-bottom:3%}
.headerinfo h4{font-size:13px;font-weight:400;padding-right:16%;margin:0}
.node rect{cursor:pointer;shape-rendering:crispEdges}
.node text{pointer-events:none;shape-rendering:crispEdges}
.weekLabel{font-size:1em;font-weight:300}
.legend{margin-bottom:5px;display:flex;flex-wrap:nowrap}
.legend-item{display:flex;font-size:.8em;width:200px;margin-left:0;line-height:1.5em;margin-bottom:2px;margin-right:20px;background-color:#e7e4de}
.legend-marker{display:inline-block;width:8px}
.marker{height:12px;width:8px;margin-top:2px}
.legend-label{padding-left:7px}
.node .game{font-size:13px;font-weight:700}
@media only screen and (max-width:1250px){.headertitle{font-size:1.2em}
}
@media only screen and (max-width:1160px){.headertitle{font-size:1.1em}
.headerinfo{line-height:14px}
.headerinfo h3,.headerinfo h4{font-size:12px}
.legend-item{font-size:12px}
.node .game{font-size:11px}
}
@media only screen and (max-width:1070px){.headertitle{font-size:1em}
.headerinfo{line-height:14px}
.headerinfo h3,.headerinfo h4{font-size:12px;padding-right:3%}
.legend-item{font-size:10px}
}
@media only screen and (max-width:980px){.svg-container{background-color:#e7e4de}
.gss-header{display:block}
.headertitle{width:100%;font-size:26px;display:block;text-align:center;margin-bottom:0}
.headerinfo{width:100%;display:block;line-height:12px}
.headerinfo h3,.headerinfo h4{font-size:13px;text-align:center}
.legend-item{font-size:10px}
.node .game{font-size:10px}
}
@media only screen and (max-width:776px){#chart{margin-top:-10px}
.legend-item{font-size:8px}
.legend-marker{width:10px}
.marker{height:10px;width:6px}
.headertitle{font-size:12px}
.headerinfo h3,.headerinfo h4{font-size:8px;text-align:center}
.headerinfo h3{padding-bottom:2%}
.weekLabel{font-size:.7em}
.game{font-size:.7em}
.gss-graph{height:300px}
}
@media only screen and (max-width:567px){#chart{margin-top:0}
.headertitle{font-size:10px;line-height:1.1em;margin-bottom:4px}
.headerinfo{font-size:10px;line-height:10px}
.headerinfo h3,.headerinfo h4{font-size:7px;text-align:center}
.headerinfo h3{padding-bottom:5px}
.legend-label{width:70%;font-size:6px}
.legend{display:block}
.legend-item{display:block;width:100%;font-size:6px;line-height:.7em}
.legend-label{display:inline-block;width:60%}
.marker{width:4px;height:6px}
.node .game{font-size:7px}
.gss-graph{height:220px;margin-bottom:2%}
}