@charset "utf-8";
/* CSS Document */

.nav-grid-container {
  display: grid;
	grid-template-columns: repeat(6, 1fr);
	border: 1px;
	border-style: solid;
	grid-column-gap: 2px;
	grid-row-gap: 4px;
	margin-bottom: 10px;
}

.grid-container {
	display: grid;
	width: 95%;
	margin: 5px 26px 5px 40px;
	grid-template-columns: repeat(3, 1fr);
	border: 1px;
	/*border-color: #B5B5B5;*/
	/*border-style: solid;*/
	grid-column-gap: 24px;
	grid-row-gap: 24px;
	padding-bottom: 15px;
}

p {
	margin: 2.0em;
	text-align: center;
}
nav {
	display: block;
}

.light-blue {
	background-color: #ABD1DB;
}
.pink {
	background-color: #E5D4EC;
}
.beige {
	background-color: #ABDBB5;
}
.light-brown {
	background-color: #F5DDBE;
}
.light-grey {
	background-color: #D4D4D4;
}
.pale-green {
	background-color: #C3E5CA;
}
.cornflower {
	background-color: #DAFFFF;
}
.white {
	background-color: cornsilk;
}
.light-green {
	background-color: rgb(176, 225, 210);
}

.shadowsoft {
	-moz-box-shadow: 4px 4px 4px 4px rgba(3,3,3,.3);
	-webkit-box-shadow: 4px 4px 4px 4px rgba(3,3,3,.3);
	box-shadow: 4px 4px 4px 4px rgba(3,3,3,.3);
	/* For IE 8 */
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=135, Color='#aaaaaa')";*/
}
@media (max-width: 875px) 
{	
.grid-container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	width: 90%;
	border: 1px;
	/*border-color: #B5B5B5;*/
	/*border-style: solid;*/
	grid-column-gap: 21px;
	grid-row-gap: 21px;
	padding-bottom: 10px;
}
}
@media (max-width: 575px) 
{	
.grid-container {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	width: 88%;
	border: 1px;
	/*border-color: #B5B5B5;*/
	/*border-style: solid;*/
	grid-column-gap: 18px;
	grid-row-gap: 18px;
	padding-bottom: 8px;
}
}