.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.clear {
clear:both;
}

img,
img a {
border:none;
max-width:100%;
height:auto;
}

ul {
list-style:none;
margin:0;padding:0;
}

a, a:hover {
-webkit-transition: color 0.2s linear;
   -moz-transition: color 0.2s linear;
		transition: color 0.2s linear;
	 -o-transition: color 0.2s linear;
text-decoration:none;
}

body, html {
margin:0;
padding:0;
height:100%;
background: url("images/bg.jpg") no-repeat;
background-size: cover;
background-position: center right;
background-attachment: fixed;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: none;
-webkit-font-smoothing: antialiased !important;
font-family:Arial;
text-align:center;
color:#000;
}

#logo {
position:absolute;
top:30px;
left:30px;
}

#logo img {
max-width:120px;
}

#container {
margin-left:16%;
width:25%;
position:absolute;
top: 50%;
-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
		transform: translateY(-50%);
}

#links li {
margin:0 0 15px 0;
border:2px solid #FFF;
padding:8px 0;
text-transform:uppercase;
font-size:17px;
font-weight:bold;
}

#links li.parent {
border:0 none;
}

#links li a {
color: rgb(66,146,141,1);
}

#links li a:hover {
color: rgb(66,146,141,.8);
}


#socials {
border:2px solid #FFF;
padding:10px 0;
margin:-10px 0 0 0;
}

#socials li {
display:inline-block;
margin:0 6px;
padding:0;
border:0 none;
font-size:18px;
line-height:100%;
}

#socials li a {
color:#FFF;
}

#socials li a:hover {
color: rgb(255,255,255,.8);
}


/** Popup **/
#popup-title {
margin:0 0 15px 0;
text-transform:uppercase;
font-size:18px;
font-weight:bold;
color: rgb(66,146,141,1);
text-align:center;
}

#mc_embed_signup input[type="email"] {
border:2px solid #42928d;
outline:0 none;
font-family:Arial;
font-weight:600;
padding:8px 10px;
display:block;
width:100%;
background-color:#FFF;
margin:0 0 15px 0;
font-size:16px;
text-align:center;
}

#mc_embed_signup input[type="submit"] {
border:0 none;
outline:0 none;
font-family:Arial;
font-weight:600;
padding:7px 10px;
display:block;
width:60%;
margin:0 auto;
color:#FFF;
font-size:16px;
background-color:#42928d;
cursor:pointer;
}

#mc_embed_signup input[type="submit"]:hover {
background-color:#67bfb9;
-webkit-transition: background-color .3s ease-out;
   -moz-transition: background-color .3s ease-out;
	 -o-transition: background-color .3s ease-out;
		transition: background-color .3s ease-out;
}




@media all and (max-width:1200px) {
#container {
width:40%;
}

#links li {
font-size:18px;
}
}

@media all and (max-width:1000px) {
body, html {
background: url("images/bg-mobile.jpg?v=1.01") no-repeat #030a14;
background-size: cover;
background-position: center right;
background-attachment: fixed;
}

#logo {
position:absolute;
top:30px;
left:0;
right:0;
}

#container {
width:50%;
margin-left:8%;
top: 60%;
-webkit-transform: translateY(-60%);
	-ms-transform: translateY(-60%);
		transform: translateY(-60%);
}

#links li {
font-size:15px;
margin:0 0 20px 0;
}

#socials li {
font-size:16px;
margin:0 6px;
}

#mc_embed_signup input[type="submit"] {
width:70%;
}
}