.infobox {
  justify-content: center;
  width: 23em;
  float: right;
  margin: 0 0 1em 2em;
  padding: 0px; 
  display: inline-block; 
  border: 1px solid #a2a9b1; 
  clear: right; 
  background: #f8f9fa; 
  border-spacing: 2px;
}

.infobox .infobox-head {
  vertical-align: top; 
  color: #202122; 
  text-align: center; 
  font-size: 120%; 
  font-family: sans-serif; 
  border-spacing: 1px; 
  padding: 0px; 
  margin: 4px 4px 1em 4px;
}


.infobox .infobox-header {
  font-weight: bold;
  text-align: left;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 5px;

}

.mw-collapsible {
  margin-right: 5px;
  font-size: smaller;
}

.infobox .infobox-body {
  margin: .4em .2em .4em .8em; 
  text-align: left;
  text-align: center;
}

@media (max-width: 675px) {

/*
.infobox {
display: none;
}
*/

.infobox {
width: 100%;
}

.infobox .infobox-header {
  text-align: center;
}

}