/* 2 COLUMN */

section.x2column{
	width: 100%;
	overflow: hidden;
}

section.x2column p.subtitle{
}

section.x2column{

}


section.x2column .row{
	align-items:center;
}

section.x2column .image-container{
	position:relative;
	padding-bottom:75%;
}

section.x2column .image{
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size:cover;
	background-position:center center;
}

section.x2column .reverse{
	flex-direction:row-reverse;
}

section.x2column h2.title {
	text-wrap: balance;
	color:var(--gold-color);
}

@media screen and (max-width:990px){
	section.x2column .image-col{
		display:none;
	}
	
	section.x2column .info{
		text-align:center;
	}
}