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

#landing-Video, .background-cover, .video-title {
	background-image:url(../images/sydney.jpg);
	background-size: cover;
	background-position:center;
	height:400px
	
}

.bgimg, .background-cover {
    right: 0;
    bottom: 0;
    min-width: 1280px; 
}

/* Add some content at the bottom of the video/page */
.content {
    position: fixed;
    left:calc(25% - 15%);
	top:calc(50% - 25%);
    color: #666666;
    width: 30%;
    padding: 20px;
	min-width:300px;
	max-width:400px;
	text-align: center;
	border-radius:12px;
	background:rgba(255,255,255,.8);
	-webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.5);
}

.background-cover{
	background:rgba(88,122,143,0.6);
}
.content  > img{
	width:300px;
	margin-bottom:12px;
}



.video-title > div{
	margin-top: 0;
	padding:130px;
	padding-top: 220px;
    margin-left: 320px;
}

.video-title > div > h1{
	color: #fff;
    font-size: 28px;
	font-weight:300;
	text-shadow: 0px 0px 3px rgba(0,0,0,0.15);
	text-align: center;
	margin-top: 0;
}

.video-title > div > h1 > span{
	color:#fff;
	text-shadow: 0px 0px 4px #000000;
}
.video-title > div >  a{
	display: block;	
}
.video-title > div >  a > img{
	margin:80px auto;
	display: inherit;
}

.video-title button.btn.btn-warning.but3{ 
	border:2px solid #fff;
	color:#fff;
	background:none;
	border-radius:6px;
	padding:9px;
	box-shadow: 0px 0px 2px #000000;
}

.video-title button.btn.btn-warning.but3:hover{ 
	background:rgba(255,255,255,0.3)
}

@media (min-width: 2560px) {

	.video-title > div{
		
	}
	
}

@media(max-width:1024px){	
	.video-title > div > h1{
		font-size:20px;	
	}
}

@media(max-width:767px){	
	.video-title > div > h1{
		font-size:16px;	
		
		color: #fff;
	}
	
	.video-title > div >  a > img{
		margin:20px auto;
		width:64px;
	}
	
	.video-title > div{
		margin-top: 0;
		padding:0;
		padding-top: 220px;
		margin-left: 0;
	}
	
}