.banner-container {
    max-width: 1700px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 0;
    right: 0;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}



.item.baner-back3 {
	min-height: 820px;
	background:url(https://d501sjlxjpp7q.cloudfront.net/media/banner/custom-home-art-banner-01.webp) right center no-repeat;;
	background-size:cover;
}
.item.baner-back4 {
	min-height: 820px;
	background:url(https://d501sjlxjpp7q.cloudfront.net/media/banner/custom-home-art-banner-02.webp) right top no-repeat;;
	background-size:cover;
}
.item.baner-back5 {
	min-height: 820px;
	background:url(https://d501sjlxjpp7q.cloudfront.net/media/banner/custom-home-art-banner-03.webp) right top no-repeat;;
	background-size:cover;
}
.item.baner-back6 {
	min-height: 820px;
	background:url(https://d501sjlxjpp7q.cloudfront.net/media/banner/custom-home-art-banner-04.webp) right top no-repeat;;
	background-size:cover;
}

.item.baner-back3 .header, .item.baner-back4 .header, .item.baner-back5 .header, .item.baner-back6 .header {
	display: flex; 
	margin: auto;
	align-items: center;
	justify-content:left;
	width:100%
}
.item.baner-back3 .header h2, .item.baner-back4 .header h2, .item.baner-back5 .header h2, .item.baner-back6 .header h2 {
	position: relative;
	font-size:60px;
	color:#fff;
        margin-bottom: 0;
        line-height: 56px;
}
.item.baner-back3 .text, .item.baner-back4 .text, .item.baner-back5 .text, .item.baner-back6 .text {
	display: flex; 
	margin: auto;
	align-items: center;
	justify-content: left;
	color:#fff;
	width:100%;
	text-align: left;
	font-size:36px;
        line-height: 36px;
        margin-top: 0.7rem;
}
.item.baner-back3 .button-position, .item.baner-back4 .button-position, .item.baner-back5 .button-position, .item.baner-back6 .button-position {
	display: flex;
	margin: auto;
	align-items: center;
	justify-content:left;
	width:100%;
        margin-top: 3rem;
}
.item.baner-back3 .button, .item.baner-back4 .button, .item.baner-back5 .button, .item.baner-back6 .button {
	background-color: #4CAF50;
	border: none;
	color: white;  
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	text-transform: uppercase;
}
.item.baner-back3 .button:hover, .item.baner-back4 .button:hover, .item.baner-back5 .button:hover, .item.baner-back6 .button:hover {
	background-color: #2c722f
}

@media (max-width: 1025px){
	.item.baner-back3, .item.baner-back4, .item.baner-back5, .item.baner-back6 {
		min-height: 460px;
	} 
	.item.baner-back3 .header h2, .item.baner-back4 .header h2, .item.baner-back5 .header h2, .item.baner-back6 .header h2 {
		font-size: 50px;
		line-height: 48px;
	}
	.item.baner-back3 .text, .item.baner-back4 .text, .item.baner-back5 .text, .item.baner-back6 .text {
		font-size: 30px;
    	line-height: 30px;
	}
	.item.baner-back3 .button-position, .item.baner-back4 .button-position, .item.baner-back5 .button-position, .item.baner-back6 .button-position {
		margin-top: 1rem;
	}
}

@media (max-width: 480px){
	.item.baner-back3, .item.baner-back4, .item.baner-back5, .item.baner-back6 {
		min-height: 320px;
	} 
	.item.baner-back3 .header h2, .item.baner-back4 .header h2, .item.baner-back5 .header h2, .item.baner-back6 .header h2 {
		font-size: 40px;
		line-height: 38px;
	}
	.item.baner-back3 .text, .item.baner-back4 .text, .item.baner-back5 .text, .item.baner-back6 .text {
		font-size: 26px;
    	line-height: 26px;
	}
	.item.baner-back3 .button-position, .item.baner-back4 .button-position, .item.baner-back5 .button-position, .item.baner-back6 .button-position {
		margin-top: 1rem;
	}
	.item.baner-back3 .button, .item.baner-back4 .button, .item.baner-back5 .button, .item.baner-back6 .button {
	padding: 10px 22px;
	}
}