@charset "UTF-8";

html, body					{	height : 100%;	width : 100%;	margin : 0;padding : 0;	}
* 							{ 	padding : 0;	margin : 0;	}
a img, img 					{ 	border : 0; outline : none; }
/*Opera Fix*/ body:before 	{	content:"";	height:100%;	float:left;	width:0;	margin-top:-32767px;}
body 						{	margin : 0; background:url(../images/bg.jpg);background-repeat:no-repeat;background-size:cover; background-position:top center;	}
div 						{	font-family: 'Open Sans', sans-serif;  font-size : 14px; font-weight:300;  }
a 							{ 	font-family: 'Open Sans', sans-serif; text-decoration: none; }
.title 						{	font-family: 'Open Sans', sans-serif;  	font-size : 14px; font-weight:600;  }
#content 					{ 	width: 100%;  }
#navigation 				{	top:20px; right:20px; z-index : 1001; position:fixed;   	}
.burger 					{	cursor:pointer;  }
.lines 						{	transition : all 0.009s ease-in-out; background:url(../images/burger.svg); 	background-size:cover;  width: 30px;  height:30px;       }
.close  					{	background:url(../images/close.svg);	background-size:cover; 	width: 30px;  height:30px;      }
.logo 						{	width:380px; margin-left:20px; margin-top:24px; float:left;     }
.logo a 					{ 	font-size : 30px; color: #fff; margin-right:10px; margin-top:15px; text-align:left; display:inline-block}
.logo img 					{	width:100%; height:auto;}
.mobile_nav 				{   background: rgba(0, 0, 0, 0.7);	display:none;   float:left;   z-index:1000;    position: fixed;   	width:300px;   top:0px;      right:0;   } 
.mobile_nav   				{   text-align:right; color: #fff;  font-size:14px;   display:block;  padding-top:80px;  padding-bottom:40px; padding-right:20px;    } 
.main 						{ 	clear:both;   width:100%; min-height:100px;    margin-top:30px;    float:left;  text-align:center;  margin-bottom:40px;  }
.main img 					{ 	width:100px;   }
.video 						{	width:70%;   min-height:100px; margin-left:auto; margin-right:auto; margin-bottom:20px; overflow:hidden;  }
.vid-container iframe 		{   position: absolute;    top: 0;    left: 0%;    width: 100%;    height: 90%;   }
.vid-container  			{   position: relative;    width: 100%;    height: 0;    padding-bottom: 56.25%; margin-bottom:-5%;   }


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

.video 		{	width:100%;     }
.main 		{   -webkit-box-sizing: border-box;      -moz-box-sizing: border-box;       box-sizing: border-box;      width: 100%;    padding: 0 20px;  }
.logo 		{	width:300px;      }

 
}


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

.logo 		{	width:250px;      }

}