@charset "utf-8";
/* 6-1-5-video.css */

#slider {
    width: 100%;
    height: 100vh;
}

.linear-gradient{
    background: linear-gradient( #2c6fbb, #8dbef500 50%);
    position:absolute;
    width: 100%;
    height:100vh;
}

.blue{
    background: linear-gradient(#001F5B, #8dbef5aa 30%, #61a5f200 80%);
    mix-blend-mode:color;
    position:absolute;
    width: 100%;
    height:100vh;
}

#slider h1{
	position: relative;
	top: 25%;
	left: 50%;
	transform: translate(-50%, -50%);
    font-family: 'Arizonia';
    src: url("../fonts/Arizonia-Regular.ttf"); 
	font-size: calc(1.4rem + 7vw);
	line-height: 25px;
    font-weight: normal;
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px 5px #333;
	padding-top: 7px;
	padding-top: 7px;
}

#slider h2{
	position: relative;
	top: 25%;
	left: 50%;
	transform: translate(-50%, -50%);
    font-family: 'Arizonia';
    src: url("../fonts/Arizonia-Regular.ttf");
	font-size: calc(0.5rem + 7vw);
    line-height: 25px;
	padding-top: 7px;
	padding-top: 7px;
    font-weight: normal;
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px 5px #333;
}

#slider h3{
	position:relative;
	top: 25%;
	left: 50%;
	transform: translate(-50%, -50%);
    font-family: 'Arizonia';
    src: url("../fonts/Arizonia-Regular.ttf"); 
	font-size: calc(0.2rem + 7vw);
    line-height: 25px;
	padding-top: 7px;
	padding-top: 7px;
    font-weight: normal;
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px 5px #333;
}

.wrapper{
	position: relative;
	width: 100%;
}

.container{
	position: relative;
	z-index:1;
	text-align: center;
}

.container p{
	text-align: center;
	color: #fff;
}