.infobox {
  background-color: #f7f9fa;
  border: 1px solid #a2aab2;
  display: flex;
  flex-direction: column;
  align-items: center;
  float: right;

  max-width: 264px;
  padding: 2.464px;
  margin: 6.160px 0px 6.160px 15px
}

.infobox-title {
  font-size: 1.1em;
  font-weight: 700;
  padding: 1px 0px 1px 0px;
}

#infobox-image {  
  width: 220px;
  margin-bottom: 2px;

  cursor: pointer;
  transition: 0.3s;
}

#infobox-image:hover {
  opacity: 0.7;
  cursor: zoom-in;
}

/* Optional helper class for line breaks inside cells */
.infobox-line {
  display: block;
  white-space: nowrap;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}


.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}
/*end unknown*/

.infobox-image-caption {
  font-size: 0.88rem;
  margin-bottom: 10px;
}

table.infobox-table, table.infobox-table th, table.infobox-table td {
font-size: 0.88rem;
line-height: 18.48px;
text-align: left;
vertical-align: top;
padding-bottom: 6px;
border: 0px;
}

table.infobox-table th {
  font-weight: 700;
  width: 80px;
}

table.infobox-table td {
  width: auto;
  padding-left: 5px;
}

table, th, td {
  border: 1px solid rgb(162, 169, 177);
  border-collapse: collapse;
}

@media (max-width: 780px) {
  .infobox {
    max-width: 75%;
    margin: auto;
    float: none;
  }

  #infobox-image {
    width: 100%;
  }
}