@media only screen and (min-width: 1px) {
	.background-image {
	  background: url("../images/background/background.jpg") no-repeat center center fixed;
	  background-size: cover;
	  display: -webkit-flex;
	  display: -ms-flex;
	  display: -ms-flexbox;
	  display: flex;
	  -webkit-align-items: center;
	  -ms-flex-align: center;
	  align-items: center;
	  -webkit-justify-content: center;
	  -ms-flex-pack: center;
	  justify-content: center;
	  min-height: 100vh;
	}

	h1 {
		color: #707070;
		font-family: 'Open Sans', Arial, sans-serif;
		font-size: 24px;
	  font-weight: 300;
	  line-height: 1.33;
		margin-top: 20px;
		text-align: center;
	}

	.logo {
		display: block;
		height: auto;
		margin: 0 auto;
		max-width: 180px;
	}

	.video-container {
	  margin-bottom: 30px;
	  margin-top: 260px;
		padding-bottom: 30px;
	  position: relative;
	  text-align: center;
	}

	.white-bg {
		background: rgba(242,242,242,0.9);
	}

	.intro-video {
    position: absolute;
    left: 15px;
    right: 15px;
    top: -150px;
	}

	.video-container .video-title {
	  padding-left: 30px;
	  padding-right: 30px;
		padding-top: 50px;
	}
}


@media only screen and (min-width: 768px) {
	h1 {
		font-size: 30px;
		margin-top: 70px;
	}

	.video-container .video-title {
    padding-top: 200px;
	}
}

@media only screen and (min-width: 992px) {
	h1 {
		font-size: 40px;
		margin-top: 100px;
	}

	.video-container .video-title {
    padding-top: 200px;
	}
}

@media only screen and (min-width: 1200px) {
	h1 {
		font-size: 40px;
		margin-top: 200px;
	}

	.video-container .video-title {
    padding-top: 200px;
	}
}