* {margin:0; padding:0;}
html {height:100%;}
body {font-family:Arial, Helvetica, sans-serif; height:100%;}
#wrapper {position:relative; min-height:100%;}

footer {
	position:absolute;
	bottom:5px;
	left:0;
	width:100%;
	margin:0 auto;
	color:rgba(221, 220, 220, 1);
	font-size:13px;
	text-align:center;
	height:20px;
	}

footer a {color:rgba(221, 220, 220, 1);}

input {
	border:2px solid #e72e7d;
	color:#e72e7d;
	transition: opacity ease-in-out 0.5s;
	-moz-transition: opacity ease-in-out 0.5s;
	-webkit-transition: opacity ease-in-out 0.5s;
	opacity:0.8;
	font-family:overlock, sans-serif;
	font-size:15px;
	padding:11px 15px;
	}
	
input:focus {
	transition: opacity ease-in-out 0.5s;
	-moz-transition: opacity ease-in-out 0.5s;
	-webkit-transition: opacity ease-in-out 0.5s;
	opacity:1.0;
	}

#header {max-width:1025px; height:75px; margin:0 auto; padding:20px 15px;}
#container {max-width:980px; min-height:100%; position:relative; margin:0 auto; margin-top:60px; padding-bottom:25px;}
#overlay {background-color:rgba(0, 0, 0, 0.42); position:fixed; height:100%; width:100%; top:0; left:0; z-index:-998;}
video#bgvid {position:fixed; width:100%; z-index:-999;}
.videowrap {display:inline-block; position:fixed; width:100%; z-index:-998;}
.videowrap:after {content:''; display:block; padding-top:56.25%;}
.video-overlay {background-color:rgba(0, 0, 0, 0.42); bottom:0; top:0; left:0; right:0; position:absolute;}
.repl-img {height:100%; position:absolute; top:0; /*left:-50%;*/ left:0; } 
.repl-img2 {width:100%; position:absolute; top:0; left:0; } 

.logo {display:inline-block;}
.logo img {width:187px; height:44px;}

.emailform {float:right; display:inline-block;}
.button-submit {background-color:transparent; border: 2px solid #e72e7d; color:#e72e7d; padding:10px 20px; font-family:overlock, sans-serif; font-size:15px; text-transform:uppercase; }
.tick, .error, .info, .alert {color:#e72e7d; font-weight:bold;}

.text1, .text2, .text3 {color:#fff; margin:0 auto; text-align:center;}
.text1 {font-size:52px; font-family:verdana,geneva,sans-serif; font-weight:normal;}
.text2 {font-size:27px; font-family:overlock,sans-serif; font-style:italic;}
.text3 {height:50vh; overflow-y:scroll; font-size:14px; text-align:left; font-family:verdana,geneva,sans-serif; font-weight:normal; max-width:80%;}
.text3 a {color:#fff;}
.question {font-size:16px; text-align:center;}
.border { width:335px; margin:20px auto; border-bottom:1px solid rgba(221, 220, 220, 1);}
.mobile-images {text-align:center; margin-top:40px;}
.apple {margin-right:20px;}
.android {position:relative; bottom:5px;}
 
/* Responsive code */

@media screen and (max-width:768px) {
	
	video#bgvid {width:unset; height:auto; width:auto;}
	.videowrap {height:100%;}
	
}

@media screen and (max-width:650px) {

	.emailform {display:block; float:none;}
	form {margin-top:15px; text-align:center;}
	#container {max-width:85%;}
	
}

@media screen and (max-width:480px) {
	
	input {width:123px;}
	.border {width:90%;}
	.text1 {font-size:35px;}
	.text2 {font-size:22px;}
	.apple {margin-right:0;}
	
}

@media screen and (max-width:400px) {
	
	input {width:123px;}
	.mobile-images {margin-top:20px; margin-bottom:20px;}
	
}

@media screen and (max-width:768px) and (min-height:600px) {
	
	video#bgvid {height:100%; width:unset; left:-35%;}
	
}

@media all and (orientation:landscape) {
	
	.repl-img {width:100%; height:unset; left:0; top:-30%;}
	.repl-img2 {width:100%; height:unset; left:0; top:-100%;}
	
}