@import url('https://fonts.googleapis.com/css?family=Nunito:300,400,500,700&display=swap rel="stylesheet');@import url(https://fonts.googleapis.com/css?family=K2D:400,700&display=swap);#cityData{display:block}#tempBlock{display:none}body,html{margin:0;padding:0 0 40px;font-family:Nunito,sans-serif;background:#eee}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.main-content{position:relative;top:40px;background:#fff;border-radius:15px;width:850px;height:auto;display:block;border:1px solid #c4c4c4;box-sizing:border-box;box-shadow:-2px 4px 10px rgba(0,0,0,.1),2px 4px 4px rgba(0,0,0,.08);margin:0 auto;z-index:1}#google-map{border:1px solid #dbdbdb;border-left:1px solid gray;border-top:1px solid gray;border-bottom:1px solid gray;box-sizing:border-box;box-shadow:-2px 4px 10px rgba(0,0,0,.1),2px 4px 4px rgba(0,0,0,.15);border-radius:12px;height:400px}.content-light-gray{display:block;padding:25px 50px;background:#e8f3fc;border-top:1px solid #b2b2b2;border-bottom:1px solid #b2b2b2}.income-bubble{width:350px;text-align:center;height:95px;background:#fff;box-sizing:border-box;box-shadow:2px 3px 4px rgba(0,0,0,.1);border-radius:50px}.income-bubble-heading{font-weight:400;font-size:14px;margin-top:15px;color:#52616c}.income-bubble-content{font-weight:700;font-size:26.5px;margin-top:2.5px;color:#7e7e7e}.income-bubble-heading-op{font-weight:400;font-size:14px;margin-top:9px;color:#52616c}.income-bubble-content-op{font-weight:700;font-size:26.5px;margin-top:3px;color:#7e7e7e}.income-bubble-heading-op span{color:#9b9b9b;display:block;font-style:italic;font-size:12px}#icon-house{color:#7bb9f1}#icon-individual{color:#7bb9f1;margin-left:12.5px}#icon-individual-op{color:#7bb9f1;margin-left:8.5px}#income-household{border:8px solid #7fc9ff}#income-individual{border:8px solid #7fa3ff}#income-individual-op{border:8px solid #ffb35a}.content-standard{display:block;padding:50px}#housing{padding:50px 75px}.content-standard-op{display:block;padding:0 50px;margin:0 0 75px}.h1-top{font-weight:700;font-size:40px;color:#818181;margin-top:-15px}.h1-bottom,.h1-bottom-city{font-weight:300;font-size:20px;color:#818181}.h1-bottom-city{font-size:20px}.content-standard h2{font-weight:600;font-size:26.5px;color:#6f7a83;margin-bottom:35px;text-shadow:0 1px 2px rgba(0,0,0,.08);text-align:center}.main-photo{border:1px solid #aeaeae;box-sizing:border-box;box-shadow:0 4px 4px rgba(0,0,0,.25);border-radius:10px;max-width:400px}.content-block-a{max-width:100%;background:#5fb4d9;padding:35px 50px;margin:0}.a-column{width:24%;color:#fff;display:inline-block}.a-column-op{width:26%;color:#fff;display:inline-block}.a-column-heading{font-weight:400;font-size:13px}.a-column-content{font-weight:700;font-size:28.5px;margin-top:5px}.data-tree{position:relative;display:block;height:350px}.data-bubble{position:absolute;color:#fff;text-align:center;width:280px;height:84px;border-radius:50px;border:1px solid rgba(0,0,0,.15);box-shadow:0 2px 3px rgba(0,0,0,.12)}.data-bubble-heading{font-weight:400;font-size:12.5px;margin-top:18px}.data-bubble-content{font-weight:700;font-size:27px;margin-top:2.5px;text-shadow:0 1px 1px rgba(0,0,0,.04)}#bubble-a{left:29px;top:30px;background:#56afff}#bubble-b{left:393px;top:124px;background:#ffaf83}#bubble-c{left:29px;top:230px;background:#538cc1}.line-horizontal{position:absolute;width:39px;border:1px solid #d8d8d8;transform:rotate(180deg)}.line-vertical{position:absolute;height:272px;border:1px solid #d8d8d8;left:349px;top:0}.line-vertical-mobile{display:none}#line-a{left:309px;top:70px}#line-b{left:351px;top:166px}#line-c{left:309px;top:272px}.content-block-b{max-width:100%;background:#425a64;color:#fff;text-align:center;padding:35px 0}.block-b-heading{display:inline-block;font-weight:700;font-size:27px}.block-b-content{display:inline-block;padding:15px 75px;font-weight:600;font-size:27px;background:#298ab8;border-radius:7.5px;margin-left:50px}.content-centered{margin:75px 0 -25px;text-align:center}.centered-heading{padding:22px 0;width:600px;display:inline-block;background:#dde9ee;border-radius:8.5px;font-weight:300;font-size:24px;color:#46545c}.centered-row{margin:50px;display:block;height:auto}.col-1{margin-left:60px;display:inline-block;width:27.5%}.col-2{display:inline-block;width:45%;vertical-align:top;position:relative}.data-bubble-op{position:absolute;display:inline-block;color:#fff;text-align:center;width:280px;height:84px;border-radius:50px;border:1px solid rgba(0,0,0,.15);box-shadow:0 2px 3px rgba(0,0,0,.12)}.data-bubble-op-heading{font-weight:400;font-size:12.5px;margin-top:20px}.data-bubble-op-content{font-weight:700;font-size:26.5px;margin-top:2.5px}#house{color:#7bb9f1}#building{color:#abbbca}#bubble-row-1{background:#ffaf83;left:15px;top:30px}#bubble-row-2{background:#2a4b59;left:15px;top:22px}.content-text{display:block;padding:50px}.text-box{padding:35px 50px;box-sizing:border-box;background:#5fb4d9;border-radius:9px;text-align:left;box-shadow:0 2px 3px rgba(0,0,0,.12)}.text-box-heading{font-weight:700;font-size:30px;color:#f3f3f3;margin:10px 0 5px;text-shadow:0 2px 3px rgba(0,0,0,.08)}#city-H{display:block;text-align:center}.text-box-content{font-weight:400;font-size:18px;color:#fff}.text-box-content h3{margin:25px 0 -2.5px;font-weight:700;font-size:22.5px;color:#f3f3f3;text-shadow:0 2px 3px rgba(0,0,0,.08)}.text-box-content p{margin:10px 0;margin-left:1px;font-weight:300;text-shadow:0 1px 2px rgba(0,0,0,.05);line-height:25px}.text-box-content table{margin-top:25px;border-collapse:collapse;box-shadow:0 2px 3px rgba(0,0,0,.05)}.text-box-content table th{font-weight:400;background:#5484a8;border:1px solid #5d6972;padding:5px 10px}.text-box-content table td{border:1px solid #5d6972;padding:5px 10px;text-align:center;background:rgba(0,0,0,.05);font-weight:300}#left-column-alt{text-align:left;padding-right:30px}#alt-text{margin-left:10px;color:#5d6972;font-style:italic}.photo-box{width:49.5%;margin:25px 0 0;display:inline-block;text-align:center}.photo-box-heading{font-weight:400;font-size:20px;color:#4b4b4b;margin:10px 0 15px}#us-H{font-weight:700;font-size:17px;margin:25px 5px 15px 0}.photo-option{max-width:300px;border:1px solid #aaa;box-sizing:border-box;box-shadow:0 2px 3px rgba(0,0,0,.2);border-radius:7px}#us-map{box-shadow:none;border:none}.content-graph{display:block;background:#e8f3fc;border-top:1px solid #b2b2b2;border-bottom:1px solid #b2b2b2}#piechart-1,#piechart-3,#piechart-A,#piechart-C,#piechart-E,#piechart-G{margin-left:80px}#piechart-2,#piechart-4,#piechart-B,#piechart-D,#piechart-F,#piechart-H{margin-left:40px}.content-graph h2{font-weight:600;font-size:26.5px;color:#5f7180;text-shadow:0 1px 2px rgba(0,0,0,.08);text-align:center;margin:65px 0 50px}.graph-container{display:inline-block;width:49.5%}.pie{width:350px;height:300px;margin:0 auto}.content-comparison{margin:75px 0;text-align:center}.centered-heading-op{padding:22px 0;width:450px;display:inline-block;border-radius:8.5px;font-weight:300;font-size:24px;box-shadow:0 1px 1px rgba(0,0,0,.04)}#heading-housing{background:#d6eef9}#heading-personal{background:#f9e9d6;margin-top:65px}.content-comparison table{border-collapse:collapse;width:80%;margin:35px auto 25px;font-size:15px;border:1px solid #d8d8d8;box-shadow:0 2px 3px rgba(0,0,0,.07)}.content-comparison thead{background:gray;color:#fff}.content-comparison td{width:20%;padding:15px 0;border:1px solid #d8d8d8}.content-comparison tbody tr th,.content-comparison thead tr th{width:30%;text-align:left;padding-left:25px;font-weight:500;border:1px solid #d8d8d8}.content-comparison tbody tr:nth-child(even){background:#eefaff}#table-option tbody tr:nth-child(even){background:#fff7f0}.content-density-area{display:block;margin:0;text-align:center;width:100%;background:#5fb4d9}#population-density{background:#538da6}.content-density-area h2{display:inline-block;margin:40px auto;color:#fff;padding:25px 35px;background:#1b5c78;border-radius:15px;font-weight:400;font-size:26.5px}.density-area-sub-heading{display:block;width:100%;padding:20px 0;font-weight:300;font-size:22px;text-align:center;color:#000}#d1{background:#cae9ff}#d2{background:#caffe6}#d3{background:#eaffbd}#bold{font-weight:500;color:#505050}.density-area-row{display:block;width:100%}#density-option{border-top:1px solid rgba(255,255,255,.35)}#density-option_tx{margin-top:0;border-top:none}.density-area-column{display:inline-block;width:42%;vertical-align:top;padding:75px 0}.state-size{margin-top:20px;font-weight:700;font-size:90px;text-shadow:0 3px 3px rgba(0,0,0,.05);color:#fff}#size-option{margin-top:35px}.state-desc{display:inline-block;width:70%;font-weight:300;color:#363333;padding:15px 0;border-radius:8px}#rhode-island{background:#bdebff}#texas{background:#fff2dd}#density-caption{color:#f2f2f2;margin-top:-30px;font-size:18.5px}.density-area-column img{max-width:275px}#right-column{text-align:center}.graph-container-op{display:inline-block;width:49.5%;margin-left:-18px}.content-stats{display:block;padding:0;text-align:center}.content-stats h2{font-weight:500;font-size:24px;color:#269de0}.stat-selector{padding:35px 0;background:#216482}.stat-selector-heading{color:#fff;display:inline-block;font-weight:400;font-size:22.5px;padding:15px 25px;background:#f19f00;border-radius:8px}.stat-selector select{margin:25px auto 0;font-family:Nunito,sans-serif;padding:15px;display:block;width:50%;font-weight:300;text-align:center;border-radius:5px;font-size:18px}.results-container{padding:25px 0 50px;text-align:center}.table-stats{text-align:left;font-size:22px;margin:25px auto 0;width:60%;border-collapse:collapse}.table-stats tr:nth-child(even){background:#f0faf4}.table-stats td{text-align:left;padding:8.5px 10px;color:#525252}#row-city,#row-state,.table-stats td a{color:#528dc3;text-decoration:underline;width:62.5%}#row-data{text-align:right}.stats-button{display:block;margin:35px auto 0;padding:12px 0;background:#5bf5a2;border:1px solid #61bc8b;border-radius:5px;text-decoration:none;font-weight:700;width:300px;font-size:24px;color:#4d8165;transition:.25s;box-shadow:0 3px 3px rgba(0,0,0,.2)}.stats-button:hover{background:#56ffa4;box-shadow:0 4px 4px rgba(0,0,0,.2)}@media (max-width:850px){body,html{padding:0}.main-content{width:100%;position:static;border:none;margin:0;border-radius:0}#housing{padding:50px}.centered-row{margin:50px 0}.photo-option{max-width:90%}.pie{width:95%}.graph-container,.graph-container-op{margin-left:0;height:auto}#piechart-1,#piechart-3,#piechart-A,#piechart-C,#piechart-E,#piechart-G{margin-left:0}#piechart-2,#piechart-4,#piechart-B,#piechart-D,#piechart-F,#piechart-H{margin-left:0}.density-area-column{width:47.5%}#right-column{text-align:center}}@media (max-width:740px){.content-block-a{max-width:100%;padding:10px 5%;margin:-12.5px 0 0;text-align:center;background:#696f73}.a-column,.a-column-op{width:49.3%;color:#fff;display:inline-block;margin:15px 0}.data-tree{position:relative;text-align:center;padding:0}.line-horizontal,.line-vertical{display:none}.line-vertical-mobile{display:inline-block;position:absolute;height:22px;border:2px solid #b7b7b7}#vertical-a{left:50%;top:-15px;height:11px}#vertical-b{left:37.5%;top:85px}#vertical-c{left:62.5%;top:85px}#vertical-d{left:30%;top:195px}#vertical-e{left:70%;top:195px}.data-bubble{position:static;margin:0 auto;width:85%;height:auto}.data-bubble{padding:15px 0;margin:25px auto}.data-bubble-heading{font-size:15px;margin-top:0}.data-bubble-content{font-size:30px;margin-top:2.5px}.table-stats{width:70%}}@media (max-width:650px){header{display:none}.add-menu{display:none}#housing,.content-standard{padding:50px 5%}.content-standard-op{padding:0 5%}h1{margin:0 0 25px}#google-map{height:300px}.content-light-gray{padding:0 5%}.content-block-b{max-width:100%;padding:30px 5%;margin:0;text-align:center}.block-b-heading{display:inline-block;margin-bottom:15px}.block-b-content{display:block;margin-left:0;max-width:55%;margin:0 auto;box-shadow:0 2px 3px rgba(0,0,0,.3);border:1px solid #000}.centered-row{margin:50px 0}.col-1{margin-left:0;display:block;width:100%;text-align:center;margin:15px 0}.col-2{display:block;width:100%;vertical-align:top;position:relative;text-align:center;margin:15px 0}.income-bubble{width:95%;margin:0 auto}#icon-individual{margin-left:0}#icon-individual-op{margin-left:0}.data-bubble-op{position:static;margin:0 auto;width:80%;height:auto}.data-bubble-op{padding:17.5px 0;margin:10px auto 15px}.data-bubble-op-heading{font-size:15px;margin-top:0}.data-bubble-op-content{font-size:30px;margin-top:2.5px}.content-text{padding:0;margin:75px 0 50px}.text-box{padding:35px 25px 25px 25px;border-radius:0;border-top:1px solid #8fc7e0;border-bottom:1px solid #8fc7e0;box-shadow:1px 1px 4px rgba(0,0,0,.15)}.photo-box{width:100%;display:block}.photo-box-heading{font-size:22px;color:#778694;margin:35px 0 12.5px}.pie{width:100%}.graph-container{display:block;width:100%;margin:15px 0}.graph-container-op{display:block;width:100%;margin:15px 0}.content-comparison{padding:0 5%}.centered-heading,.centered-heading-op{width:80%;padding:22px}.content-comparison table{width:100%}.content-comparison tbody tr th,.content-comparison thead tr th{padding-left:10px}.stat-selector select{width:80%}.density-area-sub-heading{padding:20px 0}.density-area-row{margin:0;padding:0}.density-area-column{display:block;width:100%}#size-option,.state-size{margin-top:0}.state-desc{width:65%}#right-column{display:none}.density-area-column img{width:80%}#rhode-island{width:70%}.table-stats{width:80%}}#country-column{width:23%}#country-column-op{width:27%}@media (max-width:740px){#country-column,#country-column-op{width:49.3%}}.content-city-density{display:block;padding:50px 0 75px;border-top:1px solid #ccc;text-align:center;background:#fff}.content-city-density h2{margin:0 0 50px}.city-density{display:flex;width:100%;text-align:center}.city-density-L,.city-density-R{display:inline-block;margin:0 auto;text-align:center}.city-density-L{width:45%}.city-density-R{width:40%;margin:0 1%;text-align:left}.city-density-H{display:inline-block;padding:10px 0;margin:0 auto;font-weight:700;background:#53b7ff;min-width:70%;color:#fff;font-size:24px;border-radius:5px;box-shadow:0 2px 1px rgba(0,0,0,.05)}.city-density-AMT{display:block;font-size:50px;font-weight:700;color:#333;margin:15px auto 0}.city-density-cap{font-weight:300;font-size:17px;color:#777;margin:0}.city-density-analysis{font-weight:400;font-size:15.5px;color:#555;margin:15px auto 0;box-sizing:border-box;padding:10px;width:90%;background:#f9f9f9;border-radius:10px;box-shadow:0 2px 2px rgba(0,0,0,.05);border:1px solid #eee}.density-block{width:225px;color:#fff;margin:0;text-align:center;padding:7px 0;box-shadow:0 2px 3px 1px rgba(0,0,0,.05)}#d-1{background:#ff7a7a;border-radius:3px 3px 0 0}#a1{background:#ff7a7a}#a2,#d-2{background:#ffa27a}#a3,#d-3{background:#ffca7a}#a4,#d-4{background:#a3d385}#a5,#d-5{background:#62be9d}#d-6{background:#1b8558;border-radius:0 0 3px 3px}#a6{background:#1b8558}#d-R{font-weight:700}.density-title{font-weight:700;font-size:15.5px}.density-residents{font-weight:300;font-size:14px;margin-top:2px}@media (max-width:650px){.city-density-L{width:100%}.city-density-R{display:none}}