#section-articles .banner .background {
    min-height: 250px !important;
	object-position: 65% 25%;
	max-height: 400px !important;
}
#section-articles .banner .container h1 {
	font-size: 3.75rem;
	line-height: 4rem;
	font-weight: bold;
	text-shadow: 0 0 10px rgba(0,0,0, .5);
}
#section-articles img.article-image {
	margin-bottom: .5rem;
	border-radius: 5px;
}
#section-articles h5.article-title {
	font-size: clamp(1rem, 1.25vw, 1.5rem) !important;
	margin-top: .75rem;
}
#section-articles a.article-more {
	font-size: clamp(.75rem, 1vw, 1rem) !important;
}
#section-articles a.article-more i {
	font-size: clamp(.5rem, .9vw, .75rem) !important;
}

@media (max-width: 440px) {
    #section-articles .banner .container h1 {
		font-size: 1.75rem;
		line-height: 2rem;
	}
}

@media (min-width: 441px) and (max-width: 575px) {
    #section-articles .banner .container h1 {
		font-size: 1.75rem;
		line-height: 2rem;
	}
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767px) {
	#section-articles .banner .container h1 {
		font-size: 2rem;
		line-height: 2.25rem;
	}
}
/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px) {
 	#section-articles .banner .container h1 {
		font-size: 2.75rem;
		line-height: 3rem;
	}
}
/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199px) {
	#section-articles .banner .container h1 {
		font-size: 3.5rem;
		line-height: 3.75rem;
	}
}  
@media (min-width: 1200px) {

}