#bds-banner-wrap {
	background: #fff;
}

.bds-banner-item {
	/*min-height: 40vw; 
	aspect-ratio: 3/2;*/
	background-size: cover;
    background-position: center center;
	position: relative; 
	display: flex;
	height: 500px;
}

.bds-banner .wrap {
	margin: auto auto 0; 
}

.bds-banner-inner {
    background: rgba(0,0,0,0.7);
	text-align: center;
	padding: 0.5em 0 1.5em;
	padding-bottom: 80px;
}

.bds-banner-text {
	float: left;
    width: 100%;
	color: #fff; 
	font-size: 1.1rem; 
	padding: 0 0 0.5em; 
	font-weight: bold;
}

.bds-banner-subtext {
	float: left;
    width: 100%;
	color: #fff; 
	padding: 0 0 0.5em; 
}

.bds-banner-btn {
	float: left;
    width: 100%;
}

.bds-banner-btn a {
	background: #0a7ec3;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    display: block;
    float: left;
    font-weight: bold;
}

.bds-banner-btn a:hover, 
.bds-banner-btn a:focus, 
.bds-banner-btn a:active, 
.bds-banner-btn a:visited {
	color: #fff; 
}

.lines-mask {
	//margin-top: -100px;
    z-index: 9;
    position: relative;
	background-size: 1500px;
	background-position: bottom right;
	background-repeat: no-repeat;
	height: 80px;
	bottom:0px;
}

.lines-mask-inner {
	/*margin-top: -50px;
	height: 100px;
    z-index: 9; */
    position: absolute;
	background-size: 1500px;
	background-position: bottom right;
	background-repeat: no-repeat;
	height: 100%;
}

@media only screen and (min-width: 768px) { 
	
	.bds-banner-item {
		min-height: 312px; 
	}
	
	.bds-banner-text {
		font-size: 2rem; 
		padding: 0 0 0.3em; 
	}
}

@media only screen and (min-width: 960px) { 
	.lines-mask {
		background-size: 100%;
		background-position: bottom center;
	}
	.lines-mask-inner {
		background-size: contain ;
		background-position: bottom center;
	}
}


@media only screen and (min-width: 1030px) { 
}

@media only screen and (min-width: 1240px) { 
}