.data-visualization__banner{display:flex;justify-content:center;padding-top:140px;padding-bottom:75px;font-weight:700;color:#fff;background-color:#333}.data-visualization__banner>.banner__texts{text-align:center;width:min(770px,90%)}.data-visualization__banner>.banner__texts>h2{color:#fff;font-size:2.5rem}.data-visualization__banner>.banner__texts>.banner__text__body>p{color:#fff;font-size:1.25rem;margin:0}.chart-description>h3{font-size:1.3125rem}.chart-description>p{font-size:1.3125rem;font-weight:300;margin-bottom:0}.chart>.title{font-size:1.125rem;font-weight:700;margin-bottom:10px}.chart .subtitle{font-size:.75rem;font-weight:300;color:#8e8e8e;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;letter-spacing:1px;padding:7px 0}.data-visualization__content>div{border-bottom:1px solid #d8d8d8}.charts-container{margin:0 auto;padding:65px 0}.bar-charts-container{display:grid;grid-template-columns:570px 570px;justify-content:center;row-gap:50px;column-gap:100px;grid-template-areas:"description ." "standard horizontal" "stacked ." "histogram histogram-description";margin:0 5%}.chart-description{grid-area:description}.standard-bar-chart{grid-area:standard}.horizontal-bar-chart{grid-area:horizontal}.stacked-bar-chart{grid-area:stacked}.histogram{grid-area:histogram}.histogram-description{grid-area:histogram-description;padding-top:35px;font-size:1rem;line-height:1.625em}.area-charts-container{display:grid;grid-template-columns:620px 620px;justify-content:center;row-gap:50px;grid-template-areas:"area-description ." "area area" "stacked-area-description ." "stacked stacked"}.area-chart-description{grid-area:area-description}.area-chart{grid-area:area}.stacked-area-chart-description{grid-area:stacked-area-description}.stacked-area-chart{grid-area:stacked}.scatter-plot-container{display:grid;grid-template-columns:620px 620px;justify-content:center;row-gap:50px;grid-template-areas:"scatter-description ." "scatter scatter"}.scatter-plot-description{grid-area:scatter-description}.scatter-plot{grid-area:scatter}.bubble-chart-container{display:grid;grid-template-columns:570px 570px;justify-content:center;row-gap:50px;column-gap:100px;grid-template-areas:"bubble-description ." "bubble-1-container bubble-1-container" "bubble-2 bubble-2" "bubble-map bubble-map"}.bubble-chart-description{grid-area:bubble-description}.bubble-chart-1-container{grid-area:bubble-1-container;display:flex;justify-content:space-between}.bubble-chart-1{width:100%;max-width:670px}.bubble-charts-explanation{grid-area:bubble-explanation;max-width:370px;font-size:1rem;line-height:1.625em;margin-bottom:0}.bubble-chart-2{grid-area:bubble-2}.bubble-map-chart{grid-area:bubble-map}.pie-chart-container{display:grid;grid-template-columns:570px 570px;justify-content:center;row-gap:50px;column-gap:100px;grid-template-areas:"pie-description ." "standard-pie-charts standard-pie-charts"}.pie-chart-description{grid-area:pie-description}.standard-pie-charts-container{grid-area:standard-pie-charts}.standard-pie-charts{display:flex;justify-content:space-around;margin-top:50px}#standard-pie-chart-1,#standard-pie-chart-2,#standard-pie-chart-3{max-width:300px;max-height:300px}.donut-pie-charts-container,.half-3d-pie-charts-container{display:flex;justify-content:space-between;align-items:start}.donut-pie-charts-container{margin-top:100px}.donut-nested-pie-charts,.half-3d-pie-charts{display:flex;justify-content:space-between;column-gap:50px}.donut-pie-chart{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:250px}.nested-donut-pie-chart{display:flex;flex-direction:column;width:250px}.pie-chart-explanation{margin-top:35px;width:370px;margin-bottom:0}.donut-pie-chart__label{position:absolute;top:55%;font-weight:300}.donut-pie-chart>.title{align-self:start}.half-charts-container{display:flex;margin-top:100px}.title-only{font-weight:700;border-bottom:1px solid #d2d2d2;width:100%}.half-pie-chart,.half-3d-pie-chart{display:flex;flex-direction:column;width:250px}.half-pie-chart{margin-right:50px}.half-3d-pie-chart>div{font-weight:700}.half-donut-chart{position:relative;display:flex;flex-direction:column;align-items:center;width:250px}.half-donut-chart>.title{align-self:start}.half-donut-chart__label{position:absolute;bottom:18%;font-weight:300}.half-3d-pie-charts-container{margin-top:35px}#bubble-map-chart{width:100%;height:500px}.polar-area-diagram-container{display:flex;justify-content:space-between;margin-top:35px}#polar-area-diagram,#unstacked-radar-chart,#stacked-radar-chart{width:570px;height:500px}.radar-chart-container{display:grid;grid-template-columns:570px 570px;justify-content:center;row-gap:50px;column-gap:100px;grid-template-areas:"radar-description ." "radar-charts radar-charts"}.radar-chart-description{grid-area:radar-description}.radar-charts{grid-area:radar-charts}.radar-charts>div~div{display:flex;justify-content:space-between}.simple-charts-container{display:grid;grid-template-columns:570px 570px;justify-content:center;row-gap:50px;column-gap:100px;grid-template-areas:"simple-chart-description ." "dont-do-this dont-do-this" "better better" "best best"}.simple-charts-container h4{font-size:1rem}.simple-charts-description{grid-area:simple-chart-description}.dont-do-this-chart{grid-area:dont-do-this}.dont-do-this-chart-container{display:flex;justify-content:space-between}.dont-do-this-chart-container>img{max-width:770px}.dont-do-this-explanation,.better-explanation,.best-explanation{max-width:300px}.dont-do-this-explanation h5,.better-explanation h5,.best-explanation h5{font-size:1rem}.dont-do-this-explanation-list>li{line-height:1.625em}.chart-and-explanation{display:flex;justify-content:space-between}.better-chart-container,.best-chart-container{display:flex;flex-direction:column}.better-chart-container{grid-area:better}.best-chart-container{grid-area:best}.better-chart,.best-chart{width:770px}.content__get-creative{text-align:center;padding:95px 0}.content__get-creative>p,.content__contact-us>p{max-width:770px;margin:0 auto;font-size:1.375rem}.content__get-creative>p{font-weight:300}.content__contact-us{display:flex;flex-direction:column;align-items:center;text-align:center;padding:100px 0;background-color:#4d4d4d;border-bottom:0 !important}.content__contact-us>p{color:#fff}.content__contact-us>p>a{color:#8fd100;text-decoration:underline}.content__contact-us>p>a:hover{color:#568400}.contact-us-button{display:block;border:2px solid #fff;padding:10px 18px;background-color:rgba(0,0,0,0);color:#fff;font-weight:700;font-size:1rem;font-family:inherit;letter-spacing:1px;margin-top:20px;height:52px;cursor:pointer;transition:all .4s ease;min-width:222px}.contact-us-button:hover{background-color:#fff;color:#4d4d4d;letter-spacing:2px}#nested-pie-tooltip,#scatter-plot-tooltip,#better-chart-tooltip{background-color:rgba(0,0,0,.7);border-radius:5px;color:#fff;position:absolute;padding:0;transform:translateX(-50%, 0);transition:all .3s ease;pointer-events:none;z-index:99;height:50px;display:flex;flex-direction:column;justify-content:center}#nested-pie-tooltip:after,#scatter-plot-tooltip:after,#better-chart-tooltip:after{left:100%;top:50%;border:solid rgba(0,0,0,0);content:"";position:absolute;pointer-events:none;border-color:rgba(136,183,213,0);border-left-color:rgba(0,0,0,.7);border-width:5px;margin-top:-5px}@media screen and (max-width: 1280px){.bar-charts-container{grid-template-columns:40% 40%}.area-charts-container{grid-template-columns:80%;grid-template-areas:"area-description" "area" "stacked-area-description" "stacked"}.scatter-plot-container{grid-template-columns:80%;grid-template-areas:"scatter-description" "scatter"}.bubble-chart-container,.pie-chart-container,.radar-chart-container,.simple-charts-container{grid-template-columns:35% 35%}.bubble-chart-1{max-width:520px}.bubble-charts-explanation{max-width:270px}.pie-chart-container{grid-template-areas:"pie-description pie-description" "standard-pie-charts standard-pie-charts"}.donut-pie-charts-container,.half-3d-pie-charts-container,.polar-area-diagram-container{flex-direction:column;align-items:center}.pie-chart-explanation,.donut-nested-pie-charts,.half-3d-pie-charts,.polar-area-diagram,#polar-area-diagram,#unstacked-radar-chart,#stacked-radar-chart{width:100%}.half-charts-container{justify-content:space-between}.donut-pie-chart,.nested-donut-pie-chart,.half-pie-chart,.half-donut-chart,.half-3d-pie-chart{width:40%}.radar-chart-container{grid-template-areas:"radar-description radar-description" "radar-charts radar-charts"}.simple-charts-container{grid-template-areas:"simple-chart-description ." "dont-do-this dont-do-this" "better better" "best best"}.dont-do-this-chart-container>img,.better-chart,.best-chart{max-width:60%}}@media screen and (max-width: 1000px){.data-visualization__banner{padding-top:80px;padding-bottom:35px}.data-visualization__banner>.banner__texts>h2{font-size:1.625rem}.data-visualization__banner>.banner__texts>.banner__text__body>p{font-size:1.0625rem;line-height:1.375em}.bar-charts-container{grid-template-columns:100%;grid-template-areas:"description" "standard" "horizontal" "stacked" "histogram" "histogram-description"}.area-charts-container,.scatter-plot-container,.bubble-chart-container,.pie-chart-container,.radar-chart-container,.simple-charts-container{grid-template-columns:90%}.bubble-chart-container{grid-template-areas:"bubble-description" "bubble-1-container" "bubble-2" "bubble-map"}.bubble-chart-1-container{width:100%;flex-direction:column;align-items:center}.bubble-chart-1,.bubble-charts-explanation{max-width:100%}.pie-chart-container{grid-template-areas:"pie-description" "standard-pie-charts"}.standard-pie-charts{flex-direction:column;align-items:center;row-gap:50px}.half-charts-container{margin-top:10%}.radar-chart-container{grid-template-areas:"radar-description" "radar-charts"}.simple-charts-container{grid-template-areas:"simple-chart-description" "dont-do-this" "better" "best"}.content__get-creative>p,.content__contact-us>p{font-size:1.0625rem;line-height:1.375em;max-width:90%}.content__get-creative,.content__contact-us{padding:35px 0}.charts-container{padding:30px 0}.chart>.title{font-size:.9375rem}.chart .subtitle{font-size:.625rem;padding:4px}}@media screen and (max-width: 900px){.radar-chart-container,.simple-charts-container{grid-template-columns:90%}.radar-charts>div~div{flex-direction:column;align-items:center}.simple-charts-container{row-gap:20px}.dont-do-this-chart-container,.chart-and-explanation{flex-direction:column;align-items:flex-start}.dont-do-this-chart-container>img,.better-chart,.best-chart,.dont-do-this-explanation,.better-explanation,.best-explanation{max-width:100%}}@media screen and (max-width: 650px){.chart-description>h3,.chart-description>div{font-size:1.0625rem}.chart-description>div{line-height:1.375em}}@media screen and (max-width: 600px){.donut-nested-pie-charts,.half-3d-pie-charts,.half-charts-container{flex-direction:column;align-items:center;row-gap:30px}.donut-pie-chart,.nested-donut-pie-chart,.half-pie-chart,.half-donut-chart,.half-3d-pie-chart{width:100%}.half-pie-chart{margin-right:0}.half-donut-chart__label{bottom:22%}}