body {
	padding: 0;
	margin: 0;
	background-color: black;
	color: #eee;
	font-family: 'Amatic SC', cursive;
}

.row {
  display: flex;
  flex-wrap: wrap;
  padding: 2px;
  align-items: center;
}

#text {
	font-size: 2.2vh;
	padding: 1vh;
}

#text p {
	margin: 0;
}

.column {
  flex: 20%;
  max-width: calc(20% - 4px);
  padding: 0 2px 0 2px;
}

.column img,
.column video {
	margin: 2px 0 2px 0;
	vertical-align: middle;
    width: 100%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .column {
	flex: 50%;
	max-width: calc(50% - 4px) !important;
  }
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .hidden-mobile {
	display: none;
  }
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (min-width: 801px) {
  .show-mobile {
	display: none;
  }
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .show-mobile {
	display: all;
  }
}