div.bg-slider {
	width: 100%;
	/*height: calc(100vh - 100px);*/
	height: calc(100vh);
	background-position:center center;
	background-size: cover;
	display: flex;
	align-items: center;
	/*justify-content: center;*/
	position: relative;
}
div.bg-slider div.inner{
    max-width: 1100px;
	width: 87%;
	margin: auto;
}
div.bg-slider h2{
	color: #000;
	font-size: 46px;
	/*padding: 1.0em 1.3em;*/
	margin: 90px 0 0 0;
	line-height: 1.8;
	text-align: left;
	text-shadow: 0 0 13px #fff;
}
div.bg-slider h2 span{
	font-size: 50px;
	/*background:linear-gradient(rgba(255, 255, 119, 0), #ff7 100%);*/
	background:linear-gradient(rgba(255, 255, 119, 0), #ff9 100%);
}
@media screen and (min-width: 2000px) {
    div.bg-slider div.inner{
        max-width: 1800px;
    }
    div.bg-slider h2 span{
        font-size: 78px;
    }
}
@media screen and (max-width: 1999px) {
    div.bg-slider div.inner{
        max-width: 1400px;
    }
    div.bg-slider h2 span{
        font-size: 72px;
    }
}
@media screen and (max-width: 1600px) {
    div.bg-slider div.inner{
        max-width: 1020px;
    }
    div.bg-slider h2 span{
        font-size: 62px;
    }
}
@media screen and (max-width: 1200px) {
    div.bg-slider div.inner{
        max-width: 880px;
    }
    div.bg-slider h2 span{
        font-size: 58px;
    }
}
@media screen and (max-width: 1023px) {
    div.bg-slider div.inner{
        max-width: 840px;
        width: 100%;
    }
	div.bg-slider h2{
		padding: 1.3em;
		margin: 90px 0 0 2.5%;
	}
	div.bg-slider h2 span{
		font-size: 46px;
	}
}
@media screen and (max-width: 850px) {
    div.bg-slider div.inner{
        max-width: 740px;
        width: 100%;
    }
	div.bg-slider h2{
		padding: 1.3em;
		margin: 90px 0 0 2.5%;
	}
	div.bg-slider h2 span{
		font-size: 46px;
	}
}
@media screen and (max-width: 768px) {
	div.bg-slider {
		justify-content: center;
	}
	div.bg-slider h2{
		font-size: 34px;
		margin: 50px 0 0 0;
		text-align: center;
	}
	div.bg-slider h2 br:nth-child(1){
		display:none;
	}
	div.bg-slider h2 span{
		font-size: 34px;
	background:linear-gradient(rgba(255, 255, 255, 0), #fff 80%);
	}
}
@media screen and (max-width: 568px) {
	div.bg-slider h2{
		font-size: 27px;
	}
	div.bg-slider h2 span{
		font-size: 27px;
	}
}
@media screen and (max-width: 480px) {
	div.bg-slider h2{
		font-size: 22px;
	}
	div.bg-slider h2 span{
		font-size: 22px;
	}
}
@media screen and (max-width: 414px) {
	div.bg-slider h2{
		font-size: 20px;
	}
	div.bg-slider h2 span{
		font-size: 20px;
	}
}
@media screen and (max-width: 320px) {
	div.bg-slider h2{
		font-size: 18px;
	}
	div.bg-slider h2 span{
		font-size: 18px;
	}
}