
/* Services Navigation Feature Styles */

	#sub-page-menu																{ display: flex; align-items: stretch; justify-content:center; flex-wrap: wrap; }
	#sub-page-menu .service-page												{ margin: 0% 0% 1.313rem 5%; padding: 1.25rem 1rem; width: 30%; display: block; color: #FFFFFF; background-color: #6888BE; border-radius: 6px; transition: background-color 0.2s ease; }
	#sub-page-menu .service-page .icon											{ margin: 0%; width: 42px; text-align: left; }
	#sub-page-menu .service-page .icon > img									{ margin: 0% !important; }
	#sub-page-menu .service-page .label											{ margin-bottom: 0.5em; font-size: 1.125rem; display: flex; align-items: stretch; justify-content: left; }
	#sub-page-menu .service-page .label span									{ padding-right: 42px; font-weight: 700; text-align: center; flex: 1; }
	#sub-page-menu .service-page .summary										{ text-align: center; }
	#sub-page-menu .service-page .summary p										{ font-size: 1rem; line-height: 1.5em; font-weight: 700; color: #FFFFFF; }
	#sub-page-menu .service-page .button										{ padding: 0.5em 1.5em; background-color: #99AFD7; }
	#sub-page-menu .service-page:hover											{ text-decoration: none; background-color: #233C67; }

	#sub-page-menu .service-page:nth-of-type(3n+1)								{ margin-left: 0%; }
	#sub-page-menu .service-page:nth-of-type(3n+2)								{ margin-left: 5%; }
	#sub-page-menu .service-page:nth-of-type(3n+3)								{ margin-left: 5%; }

/* 800px Resolution Specific Styles */

	@media only screen and (min-width: 0px) and (max-width: 800px) {

	/* Services Navigation Feature Styles */

		#sub-page-menu .service-page											{ margin: 0% 0% 1.313rem 0%; width: 100%; }
		#sub-page-menu .service-page:nth-of-type(1n+1)							{ margin-left: 0%; }

	}
