@media only screen {
	.social-buttons {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		max-width: 320px;
		margin-top: 1em;
		overflow: hidden;
	}
	.social-buttons a {
		margin: 1em 1em 1em 0;
		text-decoration: none;
	}
	.social-buttons a .fa {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		width: 42px;
		height: 42px;
		/*
		width: 2.5em;
		height: 2.5em;
		*/
		border: 2px solid black;
		border-radius: 50%;
		font-family: FontAwesome;
		font-size: 24px;
		color: black;
		background-color: white;
	}
	.social-buttons a:hover .fa {
		color: white;
		background-color: black;
	}
}

@media (min-width: 40.063em) {
	.social-buttons {
		margin-top: 0;
	}
	.social-buttons a {
		margin: 1em 0 1em 2.5em;
	}
	.social-buttons a:first-child {
		margin-left: 0;
	}
}

@media (min-width: 64.063em) {
	.social-buttons {
		max-width: 100%;
		padding: 0;
	}

	/*
	.social-buttons a .fa {
		width: 2.75em;
		height: 2.75em;
	}
	*/
}