.imgtxt {
  width: auto;
  height: auto;
  display: inline-block;
  margin: auto;
  position: relative;
  }
  
.imgtxt span {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  font-size: 32px;
  color: #FFF;
  filter: drop-shadow(1px 1px 0 black) 
    drop-shadow(-1px 1px 0 black)
    drop-shadow(1px -1px 0 black)
    drop-shadow(-1px -1px 0 black);
  }
  
  .imgtxt:hover span, .imgtxt:focus span {
    opacity: 1;
  }
  
  .imgtxt:hover img, .imgtxt:focus img {
    /* add hover effects like transform or filter to your images here! */
  }
  	

.background {
  max-width: 100%;
  margin: 0px;
}



.up { position: fixed;
	bottom: 10px; right: 10px; }

.flex-box {
    display:flex;
    flex-wrap:wrap;
    margin: 0 auto;
	padding: 0;
	align-items: flex-start;
}

.flex-box section {
	margin: 1em;
	}

.full { flex: 1 1 100%;}
.half { flex: 1 1 calc(50% - 2em); }
.third { flex: 1 1 calc(33% - 2em); }
.twothird { flex: 1 1 calc(66% - 2em); }
.quarter { flex: 1 1 calc(25% - 2em); }
.threequarter { flex: 1 1 calc(75% - 2em); }


.footer {
  height: 0px;
}