article{
	width:100%
}

figure{
	margin:0;
	padding:0
}

#line_1 figure {
	/*background-color: var(--dark-color);*/
	display: flex;
	width: 100%;
	aspect-ratio: 930 / 734;
	border-radius: 12px;
	overflow: hidden;
}

#line_1 figure img {
	width: 100%;
	object-fit: cover;
	object-position: center;
	/*filter: brightness(0.7);
	transition: filter 0.3s ease;*/
}


#line_1 .well{
	display: flex;
	align-items: center;
	height:100%;
	font-weight:400;
	border-radius:12px;
}

#line_1 .well article a{
	margin-top:1.3rem	
}

/* ================== #line_2 ======================= */

#line_2 {
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	overflow: hidden;
}

#line_2 .line_2-overlay {
	background-color: var(--dark-color);
	opacity:.3;
	position: absolute;
	inset: 0;
	/*background: inherit;*/
	filter: brightness(0.7);
	z-index: 1;
	pointer-events: none;
}

#line_2 .container {
	position: relative;
	z-index: 2;
}

#line_2 .ex {
	color: #fff;
	min-height: 453px;
}

h1, h2, h3, h4{
	text-transform: capitalize
}

#line_2 h1,
#line_2 h2,
#line_2 strong,
#line_2 b,
#line_2 a{
	color: var( --main-color );
}

#line_2 h4{
	font-weight:400;
}

#line_2 em{
	font-size:2rem;
	font-style:normal	
}


#line_3 figure{
	min-height:411px
}

#line_1 article p:last-of-type,
#line_2 article p:last-of-type,
#line_3 article p:last-of-type {
	margin-bottom: 0;
}


@media (min-width: 992px) {
	
	#line_3 article{
		padding-right:50px
	}
	
}