#content {
    display: inline-block;
    width: fit-content;
    background: white;
    padding: 2em;
    height: 100%;
    text-align: center;
}
#content h4 {
  color: black !important;
  padding-top: 1em !important;
}
#content figure img {
  vertical-align: top;
}
#content figure figcaption {
  text-align: center;
}
#content figure.middle {
  display: block;
  width: 100%;
}
@media only screen and (min-width: 576px) {
  #content figure {
     display: inline-table;
     width: 50%;
     padding-left: 0.5em;
     padding-right: 0.5em;
   }
  ul.horizontal-menu > li.logo a {
    background-image: url(../img/LOGO_2020.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    padding-bottom: 5em;
  }
}

@media only screen and (max-width: 575px) {
  #content figure {
    display: inline-block;
    width: 100%;
    padding-bottom: 2em;
  }
  ul.horizontal-menu > li.logo a {
    background-image: url(../img/LOGO_2020.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    padding-bottom: 3em;
  }
}