html {
	
}


body {
	font-family: futura-pt, Helvetica, Arial, sans-serif;
	font-weight: 400;
	color: #fff;
	margin: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

main {
	height: auto;
	width: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    
}


h1 {
	font-family: futura-pt, Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.5;
	letter-spacing: .2em;
	font-weight: 600;
	text-transform: uppercase;
}

.meta {
	font-family: futura-pt, Helvetica, Arial, sans-serif;
	font-size: 15px;
	line-height: 1.5;
	letter-spacing: .2em;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 45px;
}

.h1 {
	font-family: miller-banner, "Georgia", serif;
	font-size: 33px;
	line-height: 1.2;
	letter-spacing: .2em;
	font-weight: 300;
	text-transform: uppercase;
	margin: 0 0 27px 0;
}

p {
	font-size: 21px;
	line-height: 1.4285714286;
	margin: 0 0 calc(21px * 1.4285714286) 0;
	
}

p.subtitle {
	margin-bottom: 45px;
	
	max-width: 87.5%;
	margin-left: auto;
	margin-right: auto;
}

a {
	color: #fff;
}

.container {
	width: 100%;
	padding: 45px 24px;
	display: flex;
	flex-direction: column;
	gap: 40px;
	margin: 0 auto;
	box-sizing: border-box;
	align-items: center;
}

.container .column{
	width: 100%;
	text-align: center;
}

.formgroup {
	background: #f1f1f1;
	border-radius: 30px;
	display: flex;
	padding: 6px;
	justify-content: space-between;
	margin: 0 auto;
	flex-direction: column;
}

.formgroup input[type=email]{
	border: none;
	box-shadow: none;
	background: transparent;
	padding: 15px 27px;
	font-family: futura-pt, Helvetica, Arial, sans-serif;
	font-size: 18px;
}

.formgroup input[type=submit]{
	font-size: 15px;
	line-height: 1.2;
	font-weight: bold;
	padding: 15px 27px;
	border-radius: 24px;
	color: #fff;
	background: #F01F6C;
	border: none;
	font-family: futura-pt, Helvetica, Arial, sans-serif;
}

img.logo {
	width: 100%;
	height: auto;
	max-width: 140px;
}



@media (min-width: 540px){
	.formgroup{
		flex-direction: row;
	}
}

@media (min-width: 576px){
	html {
		height: auto;
	}
	.formgroup{
		max-width: 75%;
	}
}



@media (min-width: 768px) {
	body {
		position: absolute;
		height: 100%;
		width: 100%;
	}
	.container {
		flex-direction: column;
		max-width: 720px;
	}
	.h1 {
		font-size: 54px;
	}

	.formgroup{
		max-width: 66%;
	}

	
}


@media (min-width: 768px) and (max-height: 430px) {
	body {
		position: relative;
	}

}

@media (min-width: 992px){
	.container {
		max-width: 960px;
		padding: 24px 0;
	}
	.container > .column {
		width: 87.5%;
	}

}

@media (min-width: 1440px){
	.container {
		max-width: 1280px;
	}
	img.logo {
		max-width: 200px;
	}
}

#video_container {
	width: 100vw;
   height: 100vh;
    position: fixed;
    left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   z-index: -1;
   background: rgb(0,104,119);
	background: linear-gradient(184deg, rgba(0,104,119,1) 0%, rgba(0,10,59,1) 100%);	
}

.background-video {
   width: 100vw;
   height: 100vh;
   object-fit: cover;
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   z-index: -1;
   filter: grayscale(50%);
   mix-blend-mode: hard-light;
   opacity: .5;
}