/* Portal hub cards */

	.portal-cards {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
		gap: 2em;
		margin: 1em 0 2em 0;
	}

	.portal-card {
		background: #ffffff;
		border-radius: 0.75em;
		box-shadow: 0 0.5em 1.5em rgba(0, 0, 0, 0.25);
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-direction: column;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-moz-align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		padding: 2.5em 2em;
		text-align: center;
		-moz-transition: transform 0.3s ease, box-shadow 0.3s ease;
		-webkit-transition: transform 0.3s ease, box-shadow 0.3s ease;
		-ms-transition: transform 0.3s ease, box-shadow 0.3s ease;
		transition: transform 0.3s ease, box-shadow 0.3s ease;
		width: 20em;
	}

	.portal-card:hover {
		-moz-transform: translateY(-0.5em);
		-webkit-transform: translateY(-0.5em);
		-ms-transform: translateY(-0.5em);
		transform: translateY(-0.5em);
		box-shadow: 0 1em 2em rgba(0, 0, 0, 0.35);
	}

	.portal-card .logo-wrap {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
		height: 5.5em;
		margin-bottom: 1.25em;
	}

	.portal-card .logo-wrap img {
		max-height: 5.5em;
		max-width: 100%;
	}

	.portal-card h3 {
		color: #23222b;
		margin-bottom: 0.5em;
	}

	.portal-card p {
		color: #5c5a68;
		font-size: 0.62em;
		line-height: 1.7;
		-moz-flex-grow: 1;
		-webkit-flex-grow: 1;
		-ms-flex-grow: 1;
		flex-grow: 1;
		margin-bottom: 1.75em;
	}

	.portal-card .button {
		background-color: #5e42a6;
		border-color: #5e42a6 !important;
		color: #ffffff !important;
	}

	.portal-card .button:hover {
		background-color: #4a3384;
	}

	@media screen and (max-width: 480px) {

		.portal-card {
			width: 100%;
		}

	}