.btn{margin:3px !important;}
			.clear{clear:both !important;}
			.height-10{height:10px !important}
			.padding-3{padding:3px !important}
			.width-full{width:100% !important;}
			.btn-g{padding:2px 3px !important;margin-right:-4px !important}
			.btn-active{background-color:#ff0000 !important;margin-right:-4px !important}
			
			.image-mosaic {
			  display: grid;
			  gap: 1rem;
			  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
			  grid-auto-rows: 240px;
			}

			.card {
			  display: flex;
			  flex-direction: column;
			  justify-content: center;
			  align-items: center;
			  background: #353535;
			  font-size: 3rem;
			  color: #fff;
			  box-shadow: rgba(3, 8, 20, 0.1) 0px 0.15rem 0.5rem, rgba(2, 8, 20, 0.1) 0px 0.075rem 0.175rem;
			  height: 100%;
			  width: 100%;
			  border-radius: 4px;
			  transition: all 500ms;
			  overflow: hidden;
			  background-size: cover;
			  background-position: center;
			  background-repeat: no-repeat;
			  padding: 0;
			  margin: 0;
			}

			@media screen and (min-width: 600px) {
			  .card-tall {
				 grid-row: span 2 / auto;
			  }

			  .card-wide {
				 grid-column: span 2 / auto;
			  }
			}