body { 
 background: #333;
 color: #eee;
 font-family: proxima-nova, sans-serif;
 font-style: normal;
 font-weight: 400;
}

.videoBackground {
	position: relative;
	height:100%;
}

.videoContainer {
  position: absolute;
  z-index: -50;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

iframe {
  /* optional */
  width: 100%;
  height: 100%; 
}


header {
 position: relative;
 height: 512px;
 min-height: 512px;
 width: 100%;
 background-size: cover !important;
 -webkit-background-size: cover !important;
 text-align: center;
 overflow: hidden;
}

header video {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: -100;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

header:before {
 content: '';
 display: inline-block;
 vertical-align: middle;
 height: 100%;
}

header .banner {
 display: inline-block;
 vertical-align: bottom;
 margin: 0 auto;
 width: 85%;
 padding-bottom: 35px;
 text-align: center;
}

header .banner-text {
 width: 100%;
 line-height: 0px;
}

header .banner-text h1 {
 font-size: 83px;
 font-weight: 800;
 color: #fff;
 position: relative; 
 z-index: 1;
 opacity: 0.90;
 text-shadow: 0 0 60px rgba(0, 25, 50, 0.05),    /* Ombre Diffuse */
	          0 1px 2px rgba(0, 25, 50, 0.15),  /* Ombre Portée  */
	          0 0 1px rgba(255,255,255, 0.3),
	          0 0 7px rgba(255,255,255, 0.2),
	          0 0 21px rgba(255,255,255, 0.1);
}

header .banner-text h6 {
 font-size: 23px;
 font-weight: 300;
 letter-spacing: 1px;
 color: #fff;
 position: relative; 
 z-index: 2;
 text-shadow: 0 0 40px rgba(0, 25, 50, 0.2),
	          0 1px 1px rgba(0, 25, 50, 0.15),  /* Ombre Portée  */
	          0 0 1px rgba(255,255,255, 0.3),
	          0 0 3px rgba(255,255,255, 0.2),
	          0 0 9px rgba(255,255,255, 0.1);
}

section {
 padding-top: 0px;
 padding-bottom: 76px;
 text-align: center;
}

footer {
 position: relative;
 right: 0;
 bottom: 0;
 left: 0;
 padding: 1rem;
 text-align: center;
 letter-spacing: 0px;
 font-size: 14px;
 font-weight: 400;
}


.site-footer {
  clear: both;
  display: block; }


.social {
	overflow-x: auto;
      overflow-y: hidden;}
      .social ul {
		  padding:0;
		  margin-left:auto;
		  margin-right:auto;
		  white-space: nowrap; }
      .social svg {
        width: 42px; }
      .social li {
        display: inline-block;
        float: none !important;
        padding: 0 0 0; }
      .social li:last-child {
          padding-right: 0; }


.social li {
  display: inline-block;
  vertical-align: middle; }


.social {
  font-size: 0; }
  .social li {
    display: inline-block; }
    .social li:first-child {
      padding-left: 0 !important; }
    .social li:last-child {
      padding-right: 0 !important; }
    .social li svg {
      vertical-align: middle; }
  .social a {
    display: block;
    text-align: center; }

.pf-footer-social {
  text-align: center; }
  .pf-footer-social li {
    padding-top: 0px;
    padding-bottom: 15px;
    padding-left: 0px;
    padding-right: 15px; }
  .pf-footer-social a:hover svg {
    fill: #fff;
    opacity: 1; }
  .pf-footer-social svg {
    fill: #c9c9c9;
    height: 30px;
    opacity: 1;
    width: 30px; }