
h2{
	color:#ffffff;
	margin-top:1em;
}

section.gallery-section{ 
	display:grid;
	grid-template-columns:350px auto;
  	margin-top:30px;
  	margin-bottom:30px;
  	background-color:#f2f6f7;
  	
  	}
.gallery-section:hover{
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
#birth-development > div.gallery-img-container {background-color: #88cfcc;}
#origins > div.gallery-img-container  {background-color: #55828b;}
#categories > div.gallery-img-container  {background-color: #64a6a2;}
#people > div.gallery-img-container  {background-color:#3b6064;}
#word-histories > div.gallery-img-container  {background-color:#81b39b;}
a.visualisations-menu-link {text-decoration:none;}
div.gallery-section-text {
	color:#444;
	margin-top:auto;
	margin-bottom: auto;
	padding-left:2em;
	padding-right:2em;
}
div.gallery-img-container {
	display:grid;
	grid-template-columns:auto auto;
}
img.gallery-section-image {
	width:100px;  
	float:left;
	margin-top:auto;
	margin-bottom:auto;
	filter:brightness(95%);
	padding:10px;
}
@media only screen and (max-width:991px) {
section.gallery-section{ 
	display:grid;
	grid-template-columns:100%;
  	margin-top:30px;
  	margin-bottom:30px;
  	background-color:#f2f6f7;
  	box-shadow: 0 2px 6px rgba(0,0,0,0.1), 0 4px 4px rgba(0,0,0,0.1);
  	}
div.gallery-img-container {
	display:inline-block;
	grid-template-columns:none;
	padding:10px;
}
h2{
	margin-left:4em;
	line-height:1;
}
div.gallery-section-text {
	margin-top:1em;
	margin-bottom: 1em;
}
}
@media only screen and (max-width:480px){
h2{
	font-size:1.5em;
	}
}


