@font-face {
  font-family: AccidenzCommons;
  src: url("https://static.igem.wiki/teams/5054/ccaccidenzcommons-medium.otf");
}
.my-footer-container {
  position: relative;
  bottom: 0;
  margin: 0 auto;
  background-color: transparent;
  z-index: 6;
  width: 100%;
}
.my-footer {
  position: relative;
  bottom: 0;
  margin: 0px auto 0px;
  border-top: 2px solid rgba(24, 90, 79, 1);
  width: 100%;
  z-index: 6;
  background-color: #c6ebe8;
}

.footer-supports {
  margin: 50px auto 60px;
  width: 80%;
  color: #05be85;
  font-family: AccidenzCommons, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;
  font-size: 17px;
  text-align: center;
}

.footer-supports a {
  color: #05be85;
  text-decoration: none;
}

.footer-supports a:hover {
  text-decoration: underline;
}

.footer-logo {
  margin: 60px auto 50px;
  width: 20%;
  text-align: center;
}

.footer-logos {
  width: 100%;  /* Ensure this container can accommodate all logos comfortably */
  text-align: center;
  display: flex;  /* Using flex to manage the layout */
  justify-content: center;  /* Centering items horizontally */
  align-items: center;  /* Centering items vertically if there's differing heights */
  flex-wrap: wrap;  /* Allows logos to wrap into the next line if space runs out */
}

.footer-logos a {
  margin-right: 10px;  /* Space between logos, adjust as necessary */
  flex: 1;  /* Give each link an equal opportunity to expand */
  min-width: 100px;  /* Minimum width for each logo to prevent them from becoming too small */
  max-width: 200px;  /* Maximum width to prevent overly large logos */
}

.footer-logos img {
  width: 100%;  /* This will make the image expand to fill the anchor */
  height: auto;  /* Maintain aspect ratio */
  object-fit: contain;  /* Keeps the image within the bounds of its container */
}
/* .footer-logos {
  /* margin: 60px auto 50px; */
  /* width: 70%;
  text-align: center;
  display: inline-flex; */
/* }  */

/* .footer-logos img {
  width: 100px;  /* Example width */
  /* height: auto; */
  /* display: inline-block;  This ensures logos appear in a row */
/* } */ 
/* .footer-logos a {
  width: 12.3%;
  margin-right: 10px;  /* Space between logos */
/* }
.footer-logos img {
  width: 12.3%;
  height: 300px;
  object-fit: contain;
  margin-right: 10px; */
/* }  */

.footer-infos {
  color: #05be85;
  font-family: AccidenzCommons, -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  background-color: #c6ebe8;
  padding-bottom: 60px;
}