.keyfacts {
	    display: grid;
	    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	}

	.keyfacts .outer-grid {
		position:relative;
		background-color: rgba(255,255,255,0.8);
		color: #000;
		margin: 2.5em 1em 1em 1em;
		padding: 2.8em 1em 1em 1em;
		vertical-align:text-top;
	}

	.keyfacts .outer-grid a {
	color: #000;
	}	
	
	.keyfacts .outer-grid:hover {
  	transition: all 0.5s ease-in-out;
	background-color: rgba(255,255,255,1);
	cursor: pointer;
	}	

	.keyfacts .squareIconPrime {
		position:absolute;
		font-size: 2em;
		width: 1.65em;
		height: 1.65em;
		background-color: var(--main-color);
		text-align: center;
		top: -0.8em;
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		box-shadow: 0 0 0 0.26em var(--main-color-transparent);
		
	}

	.keyfacts .squareIconPrime i {
		color: #FFF;
		transform: rotate(-45deg);
		margin: 0.2em 0 0 0.2em;

	}

	.keyfacts h3 {
		margin: 0 0 0.6em 0; 
		color: #000;
		font-family: Oswald, sans-serif; 
		font-size: 1.5em;
		font-weight: 300;
		line-height: 1.10em;
		text-align: center;
		text-transform: uppercase;
	}

	.keyfacts p {
		font-size: 0.9em;
		text-align: left;
	}