.banners{
	
	
}

.banners.banner-reverse{
	
	
}


.banners .background-block{
	background: var(--color-gray);
	
}

.banners.banner-reverse .background-block{
	background: var(--color-secondary);
	
}

.banners .banner-text{
	width: 100%;
	padding: 120px;
}
.banners .banner-text p:last-child{
	margin-bottom: 0;
}

@media (min-width: 768px){
	.banners:not(.banner-reverse) .banner-item:nth-child(2n) .row {
		flex-direction: row-reverse;
	}
	.banners.banner-reverse .banner-item:nth-child(2n - 1) .row {
		flex-direction: row-reverse;
	}
		
}



@media (max-width: 767px){
	.banners .banner-text{
		text-align: center;
		padding: 40px;
	}	
}