.map {
                padding: 7rem;
            }
              #legend {
                padding: 2rem;
                margin: 1rem;
                background: #fff;
                border-radius: 10px;
                box-shadow: 0 0 10px rgba(0,0,0,.1);    
                border: 1px solid #ccc;
                font-size: 1.2rem;
                min-width: 36rem;
              }
              #legend.bottom {
                width: calc(100% - 80px);
              }
              #legend h5 {
                margin-top: 0;
                margin-bottom: 0;
                font-family: 'Gotham Rounded Medium', sans-serif;
                display: inline-block;
              }
              #toggleAll {
                background: #66bb6a;
                color: #fff;
                padding: 5px 15px;
                border-radius: 25px;
                margin-left: 1.5rem;
                font-family: 'Gotham Rounded Medium', sans-serif;
                cursor: pointer;
              }
              #legend img {
                vertical-align: middle;
                height: 32px;
                width: 32px;
                margin-right: 6px;
              }
              #legend .keys {
                    display: grid;
                    grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
                    grid-row-gap: 1rem;
                    grid-column-gap: 1rem;
                    margin-top: 3rem;
              }
              #legend .toggle {
                  position: absolute;
                    top: 0;
                    right: 0;
                    padding: 2rem;
                    font-weight: bold;
                    font-family: 'Gotham Rounded Medium', sans-serif;
                    font-size: 3rem;
                    cursor: pointer;
              }
              #legend .layout {
                  position: absolute;
                    top: 0;
                    right: 6rem;
                    padding: 2rem;
                    font-weight: bold;
                    font-family: 'Gotham Rounded Medium', sans-serif;
                    font-size: 3rem;
                    cursor: pointer;
              }
              #legend .keys > div {
                  display: flex;
                    align-items: center;
              }
              #legend.bottom .keys > div {
                    background: #f6f6f6;
                    border-radius: 10px;
                    padding: 7px;
              }
              #legend .keys > div span {
                  margin-right: 7px;
              }
              #legend a {
                  color: #ff3c1f;
              }
              .switch {
                  display: inline-block;
                  height: 26px;
                  position: relative;
                  width: 42px;
                  margin-left: auto;
                  min-width: 42px;
                }
                
                .switch input {
                  display:none;
                }
                
                .slider {
                  background-color: #ccc;
                  bottom: 0;
                  cursor: pointer;
                  left: 0;
                  position: absolute;
                  right: 0;
                  top: 0;
                  transition: .4s;
                }
                
                .slider:before {
                  background-color: #fff;
                  bottom: 4px;
                  content: "";
                  height: 18px;
                  left: 4px;
                  position: absolute;
                  transition: .4s;
                  width: 18px;
                }
                
                input:checked + .slider {
                  background-color: #66bb6a;
                }
                
                input:checked + .slider:before {
                  transform: translateX(16px);
                }
                
                .slider.round {
                  border-radius: 34px;
                }
                
                .slider.round:before {
                  border-radius: 50%;
                }