@charset "utf-8";
/* CSS Document */

#slides{
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	z-index: 0;	
}

.slide{
	width: 100%;
	height: 100%;
	position: relative;
	z-index: -1;
	overflow: hidden;
}
.slide h1{
	width: auto;
	font-family: KufamMedium;
	font-size: 2.5vw;	
	color: #ffffff;
	margin: auto;
	text-align: left;
	
}

.slide-bar{
	width: 50%;
	display: inline-block;
	position: absolute;
	bottom: 5vw;
	right: 0;	
	z-index: 2;
	border-left: 4px solid var(--blue1); 
	padding: 1%;
}

.slide-01{
	background: url(../images/slidesh-01.jpg) no-repeat center center; 
	background-size: cover;
}
.slide-02{
	background: url(../images/slidesh-02.jpg) no-repeat center center; 
	background-size: cover;
}
.slide-03{
	background: url(../images/slidesh-03.jpg) no-repeat center center; 
	background-size: cover;
}
.slide-04{
	background: url(../images/slidesh-04.jpg) no-repeat center center; 
	background-size: cover;
}
.slide-05{
	background: url("../images/slidesh-05.jpg") no-repeat center center; 
	background-size: cover;
}
.slide-06{
	background: url(../images/slidesh-06.jpg) no-repeat center center; 
	background-size: cover;
}
.slide-07{
	background: url(../images/slidesh-07.jpg) no-repeat center center; 
	background-size: cover;
}
.slide-08{
	background: url("../images/slidesh-08.jpg") no-repeat center center; 
	background-size: cover;
}
.slide-09{
	background: url("../images/slidesh-09.jpg") no-repeat center center; 
	background-size: cover;
}
.slide-10{
	background: url("../images/slidesh-10.jpg") no-repeat center center; 
	background-size: cover;
}


@media handheld, only screen and (max-width: 1000px) {
    #slides{       
    }

    .slide{
    }
    .slide h1{        
        font-size:2.5vh;
    }

    .slide-bar{
        width: 90%;
		display: block;
		position: absolute;
		bottom: 5vh;
		right: 0;
		left: 0;
		border-bottom: 4px solid var(--blue1); 
		border-left: none;
		padding: 1%;
		margin: auto;
    }

    .slide-01{
		background: url(../images/slidesv-01.jpg) no-repeat center center; 
		background-size: cover;
	}
	.slide-02{
		background: url(../images/slidesv-02.jpg) no-repeat center center; 
		background-size: cover;
	}
	.slide-03{
		background: url(../images/slidesv-03.jpg) no-repeat center center; 
		background-size: cover;
	}
	.slide-04{
		background: url(../images/slidesv-04.jpg) no-repeat center center; 
		background-size: cover;
	}
	.slide-05{
		background: url("../images/slidesv-05.jpg") no-repeat center center; 
		background-size: cover;
	}
	.slide-06{
		background: url(../images/slidesv-06.jpg) no-repeat center center; 
		background-size: cover;
	}
	.slide-07{
		background: url(../images/slidesv-07.jpg) no-repeat center center; 
		background-size: cover;
	}
	.slide-08{
		background: url("../images/slidesv-08.jpg") no-repeat center center; 
		background-size: cover;
	}
	.slide-09{
		background: url("../images/slidesv-09.jpg") no-repeat center center; 
		background-size: cover;
	}
	.slide-10{
		background: url("../images/slidesv-10.jpg") no-repeat center center; 
		background-size: cover;
	}
}