/* FLEXBOX MINIMAL
--------------------------------------------*/
	.flexi-parent {
		display: flex; display: -webkit-box; display: -ms-flexbox;
		flex-wrap: wrap; -ms-flex-wrap: wrap;
		margin: 0 -15px;
	}
	.flexi-columns {
		flex-direction: column; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column;
		flex-wrap: wrap;-ms-flex-wrap: wrap;
	}
	.flexi-centre{ /*main-axis centered*/
		justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center;
	}
	.flexi-middle{ /*secondary-axis centered*/
		align-items: center; -webkit-box-align: center; -ms-flex-align: center;
	}
	.flexi-spaced{
		justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify;
	}
	.flexi-child{
		padding-left: 15px;
		padding-right: 15px;
		margin-bottom: 30px;
	}
	.one-per-row{
		width: 100%;
	}
	.two-per-row{
		width: 50%;
	}
	.three-per-row{
		width: 33%;
	}
	.four-per-row{
		width: 25%;
	}
	.five-per-row{
		width: 20%;
	}
	.six-per-row{
		width: 16.66%;
	}
	/*  Small (up to iPad portrait) [2 per row]
		------------------------------------------ */
		@media only screen and (max-width: 768px){
			.one-per-row, .two-per-row, .three-per-row, .four-per-row, .five-per-row, .six-per-row,.flexi-child {width: 50%;}
		}

/* PORTALS
--------------------------------------------*/
.section-portals .content{
	text-align: center;
	background-size: cover;
	position: relative;
	padding-bottom: 100%;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.section-portals a.portal-link {
	color: white;
	font-weight: 200;
	font-size: 20px;
	letter-spacing: 4px;

	display: -webkit-box;display: -ms-flexbox;display: flex;
	justify-content: center;-ms-flex-pack: center;-webkit-box-pack: center;
	align-items: center;-webkit-box-align: center;-ms-flex-align: center;

	position: absolute;
	top:10px;
	left:10px;
	right:10px;
	bottom:10px;
	border: solid 1px rgba(255,255,255,0.3);
	background-color: rgba(0,0,0,0.35);
	padding: 10%;

	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.section-portals .content:hover > a.portal-link{
	letter-spacing: 0;
	border: solid 1px rgba(255,255,255,0.7);
	background-color: rgba(0,0, 0, 0.8);
	font-weight: 700;

	top:20px;
	left:20px;
	right:20px;
	bottom:20px;

}