/* Make fancy link buttons for social media (requires class="buttons") */

@media (max-width: 990px) {
ul.buttons {
	width: min-content;
	display: grid;
	grid-template-columns: repeat(1, max-content);
	gap: 2em 0px;
	align-items: center;
	justify-items: center;
	margin: 2em auto;
	list-style: none;
	padding: 0;
}
ul.buttons li {
	width: 100%;
}
ul.buttons a {
	display: block;
	border-width: 2px;
	border-style: solid;
	/*	border-radius: 500px; */
	text-decoration: none;
	text-align: center;
	padding: 1em 2em;
	background-color: rgba(204,204,204,.1)
}
.followus ul {
	display: grid;
	grid-template-rows: repeat(1, max-content);
	gap: 2em 0px;
	align-items: center;
	justify-items: center;
	margin: 2em auto;
	list-style: none;
}
.followus ul li {
	display: inline;
	outline: 1px solid grey;
}
}