.syns-browse {
	width: 100%;
	max-width: 2048px !important;
}
.syns-grid {
	margin: 0 2% 1em 2% !important;
	flex-flow: row wrap;
}
.syns-grid-item {
	width: 98%;
	margin: 1%;
	display: inline-block;
	background-color: #f5f5f5; 
	border: solid 1px #dddddd; 
	border-radius: 3px;
}
@media only screen and (min-width: 600px) {
	.syns-grid-item {
		width: 48%;
	}
}
@media only screen and (min-width: 1024px) {
	.syns-grid-item {
		width: 31.333%;
	}
}
.syns-browse-metadata {
	margin: 0.3em 1em; 
	color: #369; 
	font-size: 14px;
}
.syns-browse-title a {
	text-decoration: none;
	color: #369 !important; 
	font-weight: bold;
}


/* map-related styles */
 
/* fix for leaflet strips issue */
/* from: https://github.com/Leaflet/Leaflet/issues/3575#issuecomment-203821877 */
.leaflet-tile-container img {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.05);
}

.leaflet-popup-content {
	max-height: 60vh;
	overflow-y: scroll;
}
.leaflet-popup-content h1 {
	margin-bottom: 0.5em;
	font-size: 1.5em;
	font-weight: 700;
}

.leaflet-popup-content .syns-popup-category {
	margin-bottom: 0.25em;
}

.leaflet-popup-content i.fa {
	margin-right: 0.5em;
}

.leaflet-popup-content hr {
	margin-top: 1em;
	margin-bottom: 1em;

}
/* end of map-related styles */