#sg-interactive-map {
  width: 100%;
  height: 80vh;
}

.grid-association{
  margin-top: 40px;
}

.association-item {
  padding: 10px 20px;
  border-radius: 6px;
  box-shadow: 0 0 30px #e1e1e1;
}

.grid-item { width: calc(30% - 10px); margin-bottom: 20px; }
@media screen and (max-width:768px){
  .grid-item { width: calc(50% - 10px); }
  }
@media screen and (max-width:550px){
.grid-item { width: calc(100% - 10px); }
}


.title-association {
  font-size: 20px;
  font-weight: 600;
  color: #cc051d;
  margin-bottom: 10px;
  border-bottom: 2px solid #000;
  padding-bottom: 10px;
}
.category-association {
  margin: 6px 0px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
}
.content-association {
  margin: 0 0 25px 0;
}

button.button-filter.active {
  color: #fff;
  background-color: #900;
  border: 1px solid #900;
}

button.button-filter{
  font-size:16px;
  margin:4px 8px;
}