.the_mask{
	position: absolute;
	top: 0;
	z-index: 20;
}

.the_image {
    width: 90% !important;
    position: absolute;
    left: 11px;
    margin-top: 33%;
    z-index: 18;
}
.title_slide {
    font-size: 23px;
    font-family: 'myriad_PBC';
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    z-index: 22;
    width: 60%;
    text-align: center;
    line-height: 100%;
    margin: 14.5% 0 0 20%;
}
@media(min-width: 992px) and (max-width: 1199px){
	.title_slide{
		margin-top: 14.5% 0 0 20%;
		font-size: 19px;;
	}
} 
@media(min-width: 768px) and (max-width: 991px){
	.title_slide{
		font-size: 23px;
		width: 50%;
		margin: 14.5% 0 0 25%;
	}
}
@media(min-width: 560px) and (max-width: 767px){
	.title_slide{
		font-size: 23px;
		width: 50%;
		margin: 13% 0 0 25%;
	}
}
@media (max-width: 559px){
	.title_slide{
		font-size: 21px;
		width: 50%;
		margin: 14% 0 0 25%;
	}
}
.slide_icon{
	position: absolute;
	z-index: 21;
	margin-top: 80%;
	left: calc(50% - 21px);
}
.slide_icon img{
	height: 40px;
}