.circles {}
    .dark .circles-heading {
		color: #FFF;
	}
	.circles-intro {
		max-width: 35rem;
		margin: 0 auto 1.5rem;
	}

.circleMenu {
}
	.dark .circleMenu {
		color: #FFF;
	}
	.circleMenu-list {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
	}
	.circleMenu-item {
		flex-basis: 25%;
	}
	@media (max-width: 700px) {
		.circleMenu-item {
			flex-basis: 50%;
			/*margin-bottom: 1.5rem;*/
		}
	}
	@media (max-width: 550px) {
		.circleMenu-item {
			/*flex-basis: 100%;*/
		}
	}
	
.circle {}
	.circle-link {
		display: block;
	}
		.circle-link:hover, .circle-link:focus {}
			.circle-link:hover .circle-display,
			.circle-link:focus .circle-display {
				border-color: #FFCC00;
				background-color: #FFCC00;
				transition: all .3s;
				transform: scale(1.075);
			}
			.dark .circle-link:hover .circle-display,
			.dark .circle-link:focus .circle-display {
				background-color: transparent;
			}
			.circle-link:hover .circle-content,
			.circle-link:hover .circle-content {

			}
	.circle-display {
		display: flex;
		align-items: center;
		justify-content: center;
		border: 5px solid #665f98;
		border-radius: 50%;
		height: 9.5rem;
		width: 9.5rem;
		margin: 1rem auto 1.5rem;
		padding: .5rem;

		transition: all .3s;
	}
	.dark .circle-display {
		border-color: #fff;
	}
	.circle-content {
		text-align: center;
		font-size: 1.2rem;
		letter-spacing: 0.67px;
		margin-top: 5px;
	}
	.circle-text {
		font-size: .86rem;
		letter-spacing: 0.43px;
		text-align: center;
		width: 11.9rem;
		margin: 0 auto 1rem;
	}
	@media (max-width: 700px) {
		.circle-display {
			margin: 1em auto;
		}
	}
	@media (max-width: 500px) {
		.circle-text {
			width: 9rem;
		}
		.circle-display {
			-ms-transform: scale(.9);
			-webkit-transform: scale(.9);
			transform: scale(.9);
		}
			.circle-link:hover .circle-display, .circle-link:focus .circle-display {
			    transform: scale(.97);
			}
	}