html {
	margin: 0;
	padding: 0;
}
div {
	margin:0;
	padding:0;
}
body {
	font-family: "futura-pt", arial;
  margin: 0;
  padding: 0;
/*  Background fallback in case of IE8 & down, or in case video doens't load, such as with slower connections  */
  background: url('jpds-fb.jpg');
  background-attachment: fixed;
  background-size: cover;
  
  overflow: hidden;
}


.video-container {
  position: absolute;
  top: 0;
  left: 0;
  right:0;
  bottom:0;
  width: 100vw;
  height: 100vh;
}
.video-container > video {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
@media screen and (max-aspect-ratio: 1920/1080) {
  .video-container > video {
    height: 100%;
  }
}
@media screen and (min-aspect-ratio: 1920/1080) {
  .video-container > video {
    width: 100%;
  }
}

.bottom {
	
}


svg {
	width:24px;
	opacity: 0.6;
}
svg:hover {
	opacity: 1;
}

.legal {
	z-index:99;
	position: fixed;
	bottom:10px;
	left:0px;
	font-size: 10px;
padding:0	0 20px 20px;
}
.social {
	z-index:99;
	position: fixed;
	bottom:10px;
	right:10px;
	font-size: 10px;
	

}
ol {
	display: inline;
	margin: 0;
	padding: 0;
}
ol li {
	display: inline-block;
		padding:0 5px;
		margin: 0;
}

body,p, a, a:visited {
	color: rgba(255,255,255,.7); 
}

p {
	margin: 0;
}

a:hover {
	color: rgba(255,255,255,1);
}


.contact {
	margin-bottom: 20px;
}

@media screen and (max-width : 1024px) { 
	body {
		background-position: center center;
	}
	.legal {
		
		z-index:99;
		text-align: center;
		width: 100%;
		position: absolute;
		padding:0;
		margin:0;
		bottom:10px;
		left:0px;
		font-size: 10px;
	}
	.social {
		text-align: center;
		width:100%;
		padding:20px 0 0 0;
		margin:0;
		z-index:99;
		position: fixed;
		top:0;
		left:0;
		font-size: 10px;
		
	
	}
	li {
		margin:0;
	}
	.video-container {
		display: block;
	}
}