.map,
.tab-list {
  display: inline-block;
  vertical-align: top;
}

.map {
    width: 100%;
    max-width: 800px;
}

#marker {
  width: 20px;
  display: none;
  margin-left: -10px;
  margin-top: -26px;
  position: absolute;
  transition: .3s ease-out;
}

/*#BR-BA:hover,*/
#BR-RS:hover,
#BR-SC:hover,
#BR-PR:hover,
#BR-RJ:hover,
#BR-ES:hover,
#BR-MG:hover,
#BR-SP:hover {
  fill: #ed1b23 !important;
  cursor: pointer;
}

.tab-list {
  width: 60%;
}
.tab-list a {
  font-size: 16px;
}

section p {
  font-size: 16px;
}

[data-state] {
  display: none;
}

.land {
	fill: #C0BDBA;
	fill-opacity: 1;
	stroke:white;
	stroke-opacity: 1;
	stroke-width:1;
}
/*#BR-BA,*/
#BR-RS,
#BR-SC,
#BR-PR,
#BR-RJ,
#BR-ES,
#BR-MG,
#BR-SP {
	fill: #023e88;
}
.map-legend * {
	font-size: 11px;
}
.map-legend {
    width: 250px;
}
ol, ul {
    list-style: none;
}
.map-legend li span.l-c2 {
    background-color: #023e88;
}
.map-legend li span {
    background-color: #CCCCCC;
    float: left;
    height: 14px;
    margin-right: 5px;
    width: 14px;
    margin-top: 7px;
}