@import url('css/slider-pro.min.css');

.slider-pro p.sp-layer.title {
    color: #fff;
    font-size: 40px;
    font-weight: 400;
    line-height: 1;
    text-align: left;
    text-shadow: 1px 1px 1px #000;
}

.slider-pro p.sp-layer.caption {
    color: #fff;
    font-size: 30px;
    font-weight: 400;
    line-height: 1;
    text-align: left;
    text-shadow: 1px 1px 1px #000;
}
.slider-pro p.sp-layer.caption  span{
    font-weight: 400;
}
.slider-pro p.sp-layer.sbutton {

}
.slider-pro .sbutton a {
	font-size: 30px;
	font-weight: 400;
	color: #fff;
    text-shadow: 1px 1px 1px #000;
	text-decoration:underline;
}
.slider-pro .sbutton a:hover {
	text-decoration: none;	
	color: #fff;
}

@media(max-width:991px){

	.slider-pro p.sp-layer {
		margin-left: -10%;
	}
	
	.slider-pro p.sp-layer.title {
		font-size: 40px;
		font-weight: 400;
	}
	
	.slider-pro p.sp-layer.caption {
		font-size: 25px;
		font-weight: 400;
	}
	.slider-pro p.sp-layer.caption  span{
		font-weight: 400;
	}
	.slider-pro .sbutton a {
		font-size: 25px;
		font-weight: 400;

	}

}

@media (max-width: 767px) {
	.slider-pro p.sp-layer {
		margin-left: -15%;
	}
	
	.slider-pro p.sp-layer.title {
		font-size: 40px;
		font-weight: 400;
	}
	
	.slider-pro p.sp-layer.caption {
		font-size: 30px;
		font-weight: 400;
	}
	.slider-pro p.sp-layer.caption  span{
		font-weight: 400;
	}
	.slider-pro .sbutton a {
		font-size: 20px;
		font-weight: 400;
	}

}