/*************************
* Front page (FP) styles *
*************************/

#mf-welcome {
	text-align: center;
}

#fpvideocontainer {
	height: calc(100% - 35px);
	display: flex;
	align-items: center;
	justify-content: center;
}

#fptopsection,
#fpmidsection,
.fpbox-section {
	display: flex;
	flex-flow: row wrap;
}

.fpbox {
	background: #0000001A;
	border: 1px solid #176D70;
	border-radius: 0.3em;
	box-shadow: #000 0 0.1em 0.5em;
	margin: 10px 5px;
	padding: 0.5em;
}

.fpbox.fpcontent {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.fpbody.multicol {
	columns: 2 8em;
}

.fpbody.multicol .no-break-inside,
.fpbody.multicol div.no-break-inside > p {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

/****************
* End FP styles *
****************/