.archive-banner-content h2{
	line-height:1.3;
	font-family:var(--font-1);
}

.archive-banner-content .overlay{
	background-color:#003d75;
	opacity:0.6;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

@media(max-width:991px){
	
	
	.archive-text-content{
		position:absolute;
		width:100vw;
		padding:1rem;
		text-align:center !important;
		width:95%;
		text-align:center;
		top:60%;
		left:50%;
		transform:translate(-50%,-50%)
	}
	
	
	.archive-text-content{
		padding:2vw;
		
	}
	

	
	.archive-banner-content .title-1,  .archive-banner-content .title-2{
		position:relative;
		margin-bottom:8vw;
		line-height:12vw;
	}
	

	.archive-banner-content .title-1 h1, .archive-banner-content .title-1 h2, .archive-banner-content .title-1 h3, .archive-banner-content .title-1 p, .archive-banner-content .title-2 h1, .archive-banner-content .title-2 h2, .archive-banner-content .title-2 h3, .title-2 p {
		font-size: 8vw !important;
		font-weight:400;
	}
	
	
	.archive-banner-content .title-2:before{
		content: url('../acf-blocks/img/slider-content-icon.svg');
		width: 15vw;
		height: auto;
		position: absolute;
		top: -5vw;
		left: 50%;
		transform: translate(-50%,-50%);
	}	
	
	
	
	.archive-banner-content .title-2:after{
		content: '';
		width: 35vw;
		height: 2px;
		position: absolute;
		bottom: -3.5vw;
		left: 0;
	}
	
	
	
	.archive-banner-content .title-2.title-center:after {
		content: '';
		width: 35vw;
		height: 2px;
		position: absolute;
		bottom: -3.5vw;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	
	.archive-banner-content .title-2:after{
		background-color:#FFFFFF;
	}	
}

@media(min-width:992px){
	
	.archive-text-content{
		position:absolute;
		width:auto;
		width:60%;
		text-align:center;
		top:65%;
		left:50%;
		transform:translate(-50%,-50%)
	}
	
	
	
	.archive-banner-content .title-2 h2{
		font-size:3vw !important;
		position:relative;
		font-weight:400;
		line-height:3.5vw;
	}
	
	.archive-banner-content .title-2:before{
		content: url('../acf-blocks/img/slider-content-icon.svg');
		width: 7vw;
		height: auto;
		position: absolute;
		top: -3vw;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	
	
	.archive-banner-content .title-2:after{
		content: '';
		width: 15vw;
		height: 2px;
		position: absolute;
		bottom: -1.5vw;
		left: 0;
	}	
	
	
	.archive-banner-content .title-2.title-center:after {
		content: '';
		width: 15vw;
		height: 2px;
		position: absolute;
		bottom: -1.5vw;
		left: 50%;
		transform:translate(-50%,-50%);
	}
	
	
	.archive-banner-content .title-2:after{
		background-color:#FFFFFF;
	}
	
	
}