/* 2 COLUMN */

section.x2column{
	padding:0 5%;
	margin: 20px 0;
	width: 100%;
	overflow: hidden;
	mix-blend-mode:multiply;
}

section.x2column:last-of-type{
	margin-bottom:50px;
}

section.x2column .wrapper {
	display: flex;
	margin: 0;
	border-radius: 12px;
	overflow: hidden;
	background: #f2f2f2;
}
section.x2column .col{
}
section.x2column .col.image{
	flex:0 0 30%;
	padding:20px;
}
section.x2column .col.image div.image{
	padding-bottom:100%;
	background-size:cover;
	background-position:center center;
}
section.x2column .col.content{
	padding: 20px;
	display:flex;
	align-items:center;
}
section.x2column p.subtitle,
section.x2column .wrapper.dark p.subtitle {
	color: var(--orange-color);
	text-transform: uppercase;
	font-weight: 500;
	margin: 0.5em 0;
	line-height: 1.4em;
}

/* DARK MODE */
section.x2column .wrapper.dark{
	background:var(--dark-grey);
}
section.x2column .wrapper.dark h2,
section.x2column .wrapper.dark p{
	color:#fff;
}

@media screen and (max-width:800px){
	section.x2column .wrapper{
		flex-direction:column;
	}
	section.x2column .col.image div.image{
		padding-bottom:50%;
	}
	section.x2column .col.content{
		padding-top:0;
	}
}