.grid { 
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-gap: 20px;
	align-items: stretch;
	justify-items: center;
}

.grid img {
	max-width: 100%;
}

/*.grid img:hover {
	filter: grayscale(1);
	transition: 0.5s ease-in-out;
	cursor: pointer;
}*/

.wrapper .container {
	max-width: 80rem;
}

.navigation .navigation-title, .navigation .title {
	color: white;
}

.navigation {
	background: #005f6a;
	border-bottom: 0 solid #005f6a;
}

.navigation a{
	color: white;
}

.popover .popover-link:hover {
	background: #005f6a;
	border-bottom-color: #005f6a;
	color: white;
}
  
.material-icons {
    vertical-align: middle;
}