html {
  /* font-family: sans-serif; */
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.ffooter {
  display: block;
  background-color: #ccc;
  color: white;
  margin: 0;
  padding: 24px 20px; /* 1.7em 1em 1em */
  text-align: center;
}

.span-ffooter-medium {
  font-size: 0.9em;
}

.span-ffooter-small {
  font-size: 0.6em;
}

/* ----------------------- */

.my-gallery {
  background-color: white; /* ADDED (not a default property) */
  width: 100%;
  float: left;
}
.my-gallery img {
  width: 100%;
  height: auto;
}
.my-gallery figure {
  display: block;
  float: left;
  margin: 0 5px 5px 0;
  width: 150px;
}
.my-gallery figcaption {
  display: none;
}


/* ----------------------- */

/* https://css-tricks.com/snippets/css/a-guide-to-flexbox/ */

/* .div-netlify-identity-menu {
  display: inline-block;
} */

.netlify-identity-menu {
  list-style: none;
  margin: 0;
  background: #333;  /* deepskyblue */
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: flex-end;
}

.netlify-identity-menu .netlify-identity-user-details {
  display: block;
  padding: 1em;
  color: darkkhaki; /* greenyellow */
}

.netlify-identity-menu a {
  text-decoration: none;
  display: block;
  padding: 1em;
  color: white;
}

.netlify-identity-menu a:hover {
  background: #222; /* #00b7f5 */
}

@media all and (max-width: 800px) {
  .netlify-identity-menu {
    justify-content: space-around;
  }
}

@media all and (max-width: 600px) {
  .netlify-identity-menu {
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
    padding: 0;
  }
  
  .netlify-identity-menu .netlify-identity-user-details {
    text-align: center;
    padding: 10px;
  }

  .netlify-identity-menu a {
    text-align: center;
    padding: 10px;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }

  .netlify-identity-menu li:last-of-type a {
    border-bottom: none;
  }
}

.netlify-identity-item {
}

/* ----------------------- */

.ul-gallery-selector-container {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: space-around;
}

.li-gallery-selector-item {
  background: crimson; /* tomato */
  padding: 5px;
  width: 20px;
  height: 15px;
  margin-top: 10px;
  line-height: 15px;
  color: white;
  font-weight: bold;
  font-size: 1.05em; /* 3em */
  text-align: center;
  cursor: pointer;
}

.li-gallery-selector-item-off {
  background-color: #ddd;
  cursor: not-allowed;
}

/* ----------------------- */




/* ----------------------- */