a,a:hover{
	text-decoration:none;
}
@media only screen and (min-width:769px) {
	.slider{
		position:absolute;
		right:0;
		top:0;
		border-top:solid 1px black;
		width:calc( 100vw - 10rem);
		margin-top:0;
		height:100vh;
		min-height:40vw;
		background-color:rgba(0,0,0,.85);
	}
	.sliderMenu{
		background-color:#d1d8de;
		position:relative;
		width:10rem;
		top:0;
		height:100vh;
		min-height:40vw;
		border-top:solid 1px black;
	}
	.sliderMenu .title{
		font-size:1rem;
		line-height:1.5rem;
		padding:.5rem;
		box-sizing:border-box;
		color:white;
		background-color:black;
	}
	.sliderMenu .menu{
		font-size:.8rem;
		line-height:1.5rem;
		padding:.5rem;
		box-sizing:border-box;
		color:black;
		cursor:pointer;
		transition:.3s all ease-out;
	}
	
	.sliderMenu .menu:hover{
		color:#e8342f;
		
		
	}
	.sliderMenu .active{
		color:#fb1a1b;
	}
	.sliderBg{
		position:absolute;
		right:0;
		top:0;
		border-top:solid 1px black;
		width:calc( 100vw - 10rem);
		margin-top:0;
		height:100vh;
		min-height:40vw;
		background-color:black;
	}
	.sliderPic{
		position:relative;
		margin-left:34%;
		top:0;
		width:61%;
		height:100vh;
		min-height:40vw;
	}
	.sliderPicImg{
		position:relative;
		margin-top:0;
		top:0;
		width:100%;
		height:100%;
		background-size:contain;
		background-position:center;
		background-repeat:no-repeat;
	}
	.slider .iconTxt{
		display:inline-block;
		background-color:white;
		color:black;
		width:3.4vw;
		height:3.4vw;
		line-height:3.4vw;
		text-align:center;
		border-radius:2vw;
		margin-right:1vw;
		font-weight:bold;
		margin-bottom:1vw;
	}
	.slide-text {
		left: 0;
		top: 15%;
		right: 0;
		margin: auto;
		padding: 10px;
		position: absolute;
		text-align: left;
		padding: 10px 85px;
		
	}
}
@media only screen and (max-width:768px) {
	.sliderSec{
		position:relative;
		border-top:solid 1px black;
		width:100%;
		margin-top:0;
		height:100vh;
		background-color:black;
	}
	.slider{
		width:100%;
		height:100%;
		background-color:rgba(0,0,0,.85);
	}
	.sliderBg{
		position:absolute;
		right:0;
		top:0;
		width:100%;
		height:100%;
		background-color:black;
	}
	.sliderMenu{
		background-color:#d1d8de;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		z-index:10;
		display:flex;
		justify-content:space-around;
	}
	.sliderMenu .title{
		font-size:.8rem;
		line-height:1.2rem;
		padding:.5rem;
		box-sizing:border-box;
		color:white;
		background-color:black;
	}
	.sliderMenu .menu{
		font-size:.6rem;
		line-height:1.2rem;
		padding:.5rem;
		box-sizing:border-box;
		color:black;
		cursor:pointer;
		
	}
	.sliderPic{
		position:relative;
		margin-top:0;
		top:0;
		width:100%;
		height:100%;
	}
	.sliderPicImg{
		position:relative;
		margin-top:0;
		top:0;
		width:100%;
		height:calc( 100vh - 5rem);
		background-size:contain;
		background-position:center;
		background-repeat:no-repeat;
	}
	.slider .iconTxt{
		display:inline-block;
		background-color:white;
		color:black;
		width:9vw;
		height:9vw;
		line-height:9vw;
		text-align:center;
		border-radius:9vw;
		margin-right:3vw;
		font-weight:bold;
		margin-bottom:1vw;
	}
	.slide-text {
		left: 0;
		top: 30%;
		right: 0;
		margin: auto;
		padding: 10px;
		position: absolute;
		text-align: left;
		padding: 10px 85px;
		
	}
	.slide-text > h1 {
		text-shadow:1px 1px 3px black;
		font-weight:bold;
		font-size: 6.6vw;
		line-height: 11vw;
		margin-bottom:3vw;
	}

	.slide-text > h3 {
		font-size: 3.8vw;
		line-height: 6vw;
		text-shadow:1px 1px 3px black;
	}
	.slide-text > p {
		font-size: 3vw;
		line-height: 6vw;
		text-shadow:1px 1px 2px black;
	}
	.slide-text > p .iconTxt{
		text-shadow:none;
	}
	.slide-text > a.btn-primary{
		width:100%;
		font-weight: 400;
		font-size: 2.6vw;
		margin-top:8vw;
	}
}