/* --- Adjust the nav to work with the hero background --- */

#nav .container .content .buttons a.button.blueberry.outline {
	color: #FFF;
	border-color: #FFF;
	background-color: transparent;
}

#nav .container .content .buttons a.button.blueberry.outline:hover {
	color: #112867;
	border-color: #FFF;
	background-color: #FFF;
}

/* ------ End nav adjustments ------ */

.scroll-cards-component .scroll-card {
	padding: 15px;
}

.scroll-cards-component .scroll-card .left {
    width: 50%;
}

.scroll-cards-component .scroll-card .right {
	margin-right: 0;
	margin-left: auto;
}

/* --- Media Queries -------------------- */

@media all and (max-width: 1280px) {
	.scroll-cards-component .scroll-card .right {
		margin-right: auto;
	}
}

@media all and (max-width: 768px) {
	/* --- Adjust the nav to work with the hero background --- */

	#nav .container .content .buttons a.button.blueberry.outline {
		color: #112867;
		border-color: #112867;
		background-color: transparent;
	}

	#nav .container .content .buttons a.button.blueberry.outline:hover {
		color: #FFF;
		border-color: #112867;
		background-color: #112867;
	}

	/* ------ End nav adjustments ------ */
}