* {
	box-sizing: border-box;
	}
	
	.div {
		display: flex;
	}
	
	.gallery {
/*	  margin: 15px;  */
	}
	
	.row {
	  display: flex;
	  flex-direction: row;
	  flex-wrap: wrap;
	  width: 100%;
	}

	.column {
	  display: flex;
	  flex-direction: column
	  flex-basis: 100%;
	  flex: 1;
	  margin: auto;
	  font-size: large; 
	  font-family: Nunito;
	  text-align: left;
	  align-items: center;
	 /* justify-content: center;  */
	  color: #4a2f4a;
	  background-color: #E9DDE9;
	 /* padding: 20px;  */
	  border-radius: 25px;
	  max-width: 100%;
	  border-color: #4a2f4a;	  
	}
	
	.double-column {
	  display: flex;
	  flex-direction: column
	  flex-basis: 100%;
	  flex: 2;
	  margin: auto;
	  font-size: large; 
	  font-family: Nunito;
	  text-align: left;
	  align-items: center;
	  justify-content: center;
	  color: #4a2f4a;
	  background-color: #E9DDE9;
	 /* padding: 20px;  */
	  border-radius: 25px;
	  max-width: 75%;
	  border-color: #4a2f4a;
	}
	
	.triple-column {
	  display: flex;
	  flex-direction: column
	  flex-basis: 100%;
	  flex: 3;
	  margin: auto;
	  font-size: large; 
	  font-family: Nunito;
	  text-align: left;
	  align-items: center;
	  justify-content: center;
	  color: #4a2f4a;
	  background-color: #E9DDE9;
	 /* padding: 20px;  */
	  border-radius: 25px;
	  max-width: 75%;
	  border-color: #4a2f4a;
	}	

	.gal-img {
	  display: block;
	  margin-left: auto;
	  margin-right: auto;
	  width: 100%; 
	  height: auto;
	  padding:5px;
	}


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

	/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
	@media (max-width: 600px) {
	  .column {
		flex: 100%;
		max-width: 100%;
	  }
	}
	
	/* Create three equal columns that sits next to each other */
	.column3 {
	  flex: 33%;
	  max-width: 33%;
	  padding: 0 4px;
	}

	.column3 img {
	  margin-top: 8px;
	  vertical-align: middle;
	}	
	
	
.separator {
  display: flex;
  align-items: center;
  text-align: center;
}

.separator::before,
.separator::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid #000;
}

.separator:not(:empty)::before {
  margin-right: .5em;
}

.separator:not(:empty)::after {
  margin-left: .5em;
}