#articles {}
@media (min-width: 900px)	 { #articles { margin-top: -110px; } }
@media (max-width: 899.99px) { #articles { margin-top: -40px; } }

/*-------------------------------------------------------------------------------------------------------------------*/

#articles > .filters-wrapper {
	position: relative; z-index: 1;
	display: flex;
	flex-direction: row;
	
	margin-bottom: 45px;
}
@media (min-width: 1300px)							 { #articles > .filters-wrapper { justify-content: center; } }
@media (max-width: 1299.99px) and (min-width: 900px) { #articles > .filters-wrapper { justify-content: flex-end; } }
@media (max-width:  899.99px)						 { #articles > .filters-wrapper { justify-content: flex-start; } }

/*-------------------------------------------------------------------------------------------------------------------*/

#articles > .articles-wrapper {
	background-color: #FFF;
	border: solid .5px var(--off-color);
	box-shadow: 0px 4px 4px rgba(0,0,0,.25);
}
#articles > .articles-wrapper > .cta-link {
	display: block; width: max-content;
	margin: 0 auto;
	
	white-space: nowrap;
	font-weight: 600;
	color: var(--off-color);
	
	cursor: pointer;
}

@media (min-width: 900px) {
	#articles > .articles-wrapper {
		padding: 50px;
		border-radius: 30px;
	}
	#articles > .articles-wrapper > .cta-link { margin-top: 50px; }
}
@media (max-width: 899.99px) {
	#articles > .articles-wrapper {
		padding: 25px;
		border-radius: 10px;
	}
	#articles > .articles-wrapper > .cta-link { margin-top: 25px; }
}