/* Flex Block */
.flexBlock {
	/*background-color: var(--mainColor);*/
	display: flex;
	/*flex-direction: column;*/
}

/*
.flexBlock.alt {
	background-color: var(--secondaryColor);
}
*/


.flexBlock > * {
	min-height: 30vh;
	/*border: 7px solid #fff;*/
}

.flexBlock figure {
	background: center center / cover;
	flex-basis: 60%;
	position: relative;
}

.flexBlock figure::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	/*background-color: var(--mainColor);*/
	/*background-color: #000;*/
	opacity: .2;	
}

.flexBlock .contentWrapper {
	padding: 5rem 10rem;
	/*color: #fff;*/
	flex-basis: 100%;
}

.flexBlock.bd > * {
	border: 7px solid #fff;
}

.flexBlock.bd figure.l {
	border-right: 0 solid #fff;
}

.flexBlock.bd figure.r {
	border-left: 0 solid #fff;
}

/* Colors */
.flexBlock {
	background-color: rgb(0 0 0 / 50%);
}

.flexBlock.red {
	background-color: rgb(95 0 0 / 70%);
}

.flexBlock.yellow {
	background-color: rgb(255 186 0 / 39%);
}

.flexBlock.green {
	background-color: rgb(185 199 89 / 53%);
}

.flexBlock.blue {
	background-color: rgb(0 168 255 / 57%);
}

.flexBlock.pink {
	background-color: rgb(185 153 190 / 59%);
}