#coolsites-grid {
	display: grid;
	grid-template-columns: auto auto;
	row-gap: 10px;
	column-gap: 3%;
}

#coolsites-grid a {
	color: white;
}

#coolsites-grid p {
	padding-left: 10px;
	padding-right: 5px;
}

.coolsites-heading {
	display: flex;
	background-color: var(--kibblue);
	padding-top: 5px;
	border-radius: 5px;
	height: 42px;
}

.coolsites-heading h3 {
	padding-left: 10px;
	padding-right: 10px;
}

.coolsites-entry {
	border: solid var(--kibblue) 1px;
	border-radius: 5px;
}

.globe {
	width: 25%;
	image-rendering: pixelated;
	display: block;
	margin: auto;
}

@media only screen and (max-width: 600px) {
	#coolsites-grid {
		grid-template-columns: auto;
	}
}