.open-sans-qc {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.button {
 padding:5px 15px; 
 border-radius:5px;	
 border:none;
 background:#b52b83;
 font-size:24px; 
 font-weight:normal;
 color:white;
 text-decoration:none;  
 position:relative;
 cursor:pointer;
}

.button:hover {
	background:#b52b90;
	top:1px;
	left:1px;
}

html, body {margin:0px;padding:0px;}
ul {list-style-type:none;}

header { 
	background:#b52b87; 
	color:white; 
	text-align: center; 
	background: 
	linear-gradient(90deg, #b52b90, #b52b83); 
	padding-top: 100px; 
	padding-bottom: 100px; 
	border-bottom:solid 1px #b52b70; 
}
header a {text-decoration:none;}

header p {margin-left:470px; margin-top:-20px; font-size: 28px; white-space: nowrap; }
@media (max-width:1300px) { header p {margin-left:320px; margin-top:-20px; font-size: 22px; } }
@media (max-width:900px) { header p {margin-left:170px; margin-top:-20px; font-size: 16px; } }
@media (max-width:600px) { header p {margin-left:110px; margin-top:-20px; font-size: 14px; } }

header nav a { background:rgba(255,255,255,0.3) !important;}
header nav a:hover { background:rgba(255,255,255,0.2) !important;}
header ul {height:60px;}
header ul li { display:inline-block;line-height:60px;margin-right:20px;}

h1
{
	display:block;
	background: transparent url('img/logo-white.png') no-repeat center;	
	background-size: contain;
	height: 100px;
	font-size:0px;
	color: #b52b87;		
	cursor: pointer;
}

h2
{
	font-size:30px;
	font-weight:900;
}

article, footer {text-align:center; width:60%; display:inline-block; margin:0; padding:100px 20%; border-bottom:solid 1px #cccccc;}
@media (max-width:1300px) { article, footer { padding: 80px 15%; width: 70% }  }
@media (max-width:900px)  {  article, footer { padding: 50px 10%; width: 80% }  }
@media (max-width:600px)  {  article, footer { padding: 30px 5%; width: 90% } }

.movie-bg:before {
	background: white url('img/moviebg.png') no-repeat center;	
	background-size: cover;
	content: ' ';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.2;
}

.movie-bg {
	position:relative;
	padding-top: 50px;
	padding-bottom: 50px;
	border-bottom:solid 1px #aaaaa;
}

.color-bg
{
	background:#80edea;
	background: linear-gradient(90deg, #80a1ed, #80c1ed); 
	border-bottom:solid 1px #80c1cd;
}

.features {margin:0;padding:50px 0px;}
.features li
{
	display:inline-block;
	width:29%;
	padding:10px 10%;
	height:240px;
	vertical-align:top;
}
.features i { font-size:70px;}

@media (max-width:1300px) { .features li { height : 260px; }   }
@media (max-width:900px)  { .features li { height : 290px; }   }
@media (max-width:600px)  { .features li { height : 320px; }   }

footer
{
	font-size:14px;
	text-align:left;
	background:#222222;
	background: linear-gradient(90deg, #111111, #222222); 
	color:white;	
	padding-top:30px;
	padding-bottom:30px;
	border-top:solid 1px #000000;
}

footer nav {float: right; text-align:right;}
footer li {margin-top:10px; }
footer a {color:white; text-decoration:none; font-weight:bold;}
footer p {line-height: 24px; }

@media (max-width:600px)  { footer nav { margin-left : 140px; }   }

.video_wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9, for an aspect ratio of 1:1 change to this value to 100% */ 
}

.video_wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

form label {
 font-size:18px; 
}

form input {
	padding:10px;
	margin:20px 0px;
	border-radius:5px;
	border: solid 1px #d0d0d0;
	background:#fafafa;
	font-size:16px;
	width:400px;
}