h1 { 
  
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  	font-size:60px;
  	letter-spacing: -3px;
  	font-weight:normal;
  	color: #fff;
	line-height: 60px;
	
}


h2 { 
  
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  	font-size:10px;
  	font-weight:100;
  	color: #808080;
	line-height: 10px;
	
}


h3 { 
  
 	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
  	font-size:20px;
  	letter-spacing: 0px;
  	font-weight:normal;
  	color: white;
	line-height: 30px;
}


	
h7 { 
  
 	font-family:  Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
 	font-size:46px;
	line-height:46px;
  	letter-spacing: -2px;
  	font-weight:normal;
  	color: white;
	
	
}

@media screen and (max-width: 600px) {
	
		h7 
		
	{font-size: 38px;
	}
	
}



	

h8 { 
  
 	font-family:  Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
 	font-size:42px;
	line-height:46px;
  	letter-spacing: -2px;
  	font-weight:normal;
  	color: white;

}

@media screen and (max-width: 600px) {
	
		h8
		
	{font-size: 35px;
	}
	
}






html, body {
 height: 100%;
 margin: 0;
	background-color:  #252525;
	
}
	
	
m {
  position: relative;
  color: #fff;
  text-decoration: none!important;
	font-family:  Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 40px;
	line-height: 60px
	
	
}

m:hover {
  color: #fff;
}

m::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #fff;
  transform: scaleX(0);
  transition: transform 0.3s ease;
}

m:hover::before {
  transform: scaleX(1);
}

a {
    text-decoration: none;
}



	
.container {
  height: 100%;
  display: flex;
  flex-direction: column;

	
}

.container video {
 
  	min-width: 100%; 
  	min-height: 100%;
  	width: auto;
  	height: auto;
  	position: fixed;
	background-color: ##252525;
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%,-50%);
}
	

.header {
}

.header-background {
z-index: 850;
	position:fixed;
background-color: #252525;
	width: 100%;
	height: 70px;
}



.content {
	line-height:100%;
text-align: center;
	display: block;
	z-index: 5;
  margin: auto;
	width: 100%;

	
}

  


.content-about {
	line-height:100%;
	padding-left:20px;
	padding-right:40%;
	display: block;
	z-index: 5;
	text-align: left;
	padding-top: 0px;
  margin: auto;
	width: 100%;
	box-sizing: border-box;
	
}




@media screen and (max-width:1000px) {
	
		.content-about
	
	
	{padding-top: 60px;
	padding-right:20px;}
	
}


.content-home {
	line-height:100%;
	padding-left:20px;
	padding-right:20px;
	display: block;
	z-index: 100;
	text-align: left;
	padding-top: 0px;
  margin: auto;
	width: 100%;
	box-sizing: border-box;
	
}




.footer {


  display: flex;
  justify-content: right;
	padding-bottom: 20px;
	padding-right:20px;
	
	
	
	
  }




@media screen and (max-width: 600px) {
	
		.footer
		

	{	 justify-content: center;
	padding-right:auto;
		}
	
}



.footer-about {
	z-index: 10;
  display: block;
  margin-left: 20px;
 margin-bottom: 20px;
  width: -50%;

  
}

.footer-about-background{
	
z-index: 49;
	position:fixed;
background-color: #252525;
	width: 100%;
	height: 95px;
	bottom: 0px;
	
}



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


.copyright-reactive{
	
	width: 100%;
	text-align: right;
	margin-right: 20px;
	
	
	
}
	
	
@media screen and (max-width: 600px) {
	
		.copyright-reactive
		

	{	 text-align: center;
		}
	
	
	
}





.navbar-logo{
z-index: 900;
	left: 20px;
	top:20px;
	position:fixed;

	
}


.dba{

z-index: 50;
	left: 20px;
	bottom:20px;
	position:fixed;

	
}



/* Burger+Menu */




/* Button */



#menuToggle
{
	display: block;
  	position: fixed;
  	top: 25px;
	right: 0px;
  	z-index: 900;
 	-webkit-user-select: none;
 	user-select: none;
}

#menuToggle input
{
  	display: block;
	width: 70px;
  	height: 32px;
 	position: absolute;
 	top: -7px;
	right: 0px;
	cursor: pointer;
	opacity: 0; 
	z-index: 921; 
  	-webkit-touch-callout: none;
}



/* Burger */

#menuToggle span
{
  	display: block;
  	width: 40px;
  	height: 2px;
  	margin-bottom: 12px;
  	position: relative;
  	right: 25px;
  	background: #fff;
  	border-radius: 1px;
  	z-index: 920;
  	transform-origin: 4px 0px;

  	transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child
{
  	transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  	transform-origin: 0% 100%;
}

/* Change to X  */


#menuToggle input:checked ~ span
{
  	opacity: 1;
  	transform: rotate(45deg) translate(1px, 1px);
  	background: #fff;
}


/* Hide middle line  */

#menuToggle input:checked ~ span:nth-last-child(3)
{
 	opacity: 0;
  	transform: rotate(0deg) scale(0.2, 0.2);
}


#menuToggle input:checked ~ span:nth-last-child(2)
{
  	transform: rotate(-45deg) translate(1px, 0px);
}




/* Menu backdrop */

#menu
{
	
	display:flex;
	line-height:80px;
	align-items: center;
	justify-content: center;	
	text-align: center;
  	position: fixed;
	z-index: 160;
  	width: 100%;
  	height: 110%;
	left: -40px;
	top: -40px;
  	background: #181818;
  	list-style-type: none;
  	-webkit-font-smoothing: antialiased;
 	transform-origin: 0% 0%;
  	transform: translate(0, -110%);
  	transition: transform 0.66s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menu li
{
  	
	padding:15px 0;
  	
  
}


/*Slide In */


#menuToggle input:checked ~ ul
{
 	transform: none;
}