html, body {
  height: 100%;
  /*background:#00e0d7;*/
}
video {  
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}
.container{
  width:1025px;
}
.logo {
  margin-top:30px;
  max-width: 200px;
}

.vertical-center {
  height:100%;
  width:100%;

  text-align: center;  /* align the inline(-block) elements horizontally */
  font: 0/0 a;         /* remove the gap between inline(-block) elements */
}

.vertical-center:before {    /* create a full-height inline block pseudo=element */
  content: ' ';
  display: inline-block;
  vertical-align: middle;  /* vertical alignment of the inline element */
  height: 100%;
}

.vertical-center > .container {
  max-width: 100%;

  display: inline-block;
  vertical-align: middle;  /* vertical alignment of the inline element */
}

@media (max-width: 768px) {
  .vertical-center:before {
    /* height: auto; */
    display: none;
  }
}
.footer{
  position: absolute;
  width: 100%;
  margin: 20px;
  bottom:0;
  text-align: left;
}
.parallax {
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-perspective: 1px;
    perspective: 1px;
  }

  .parallax__layer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .parallax__layer--base {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }

  .parallax__layer--back {
    -webkit-transform: translateZ(-1px) scale(2);
    transform: translateZ(-1px) scale(2);
  }


  /* demo styles
  --------------------------------------------- */

  * {
    margin:0;
    padding:0;
  }

  body {
    font: 100% / 1.5 Arial;
  }

  .parallax {
    font-size: 200%;
  }

   /* add some padding to force scrollbars */
  .parallax__layer {
    padding: -100vh 0;
    text-align: center;
    -webkit-animation: test 20s infinite; /* Chrome, Safari, Opera */
    animation: test 20s infinite;
  }
  @media (max-width: 768px) {
  
  .parallax__layer {
    padding: 20vh 0;
  }
}

   /* centre the content in the parallax layers */
  .title {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }


  /* misc
  --------------------------------------------- */
  .demo__info {
    position: absolute;
    z-index:100;
    bottom: 1vh;
    top: auto;
    font-size:80%;
    text-align:center;
    width: 100%;
  }

/* Chrome, Safari, Opera */
@-webkit-keyframes test {
    50% {padding: 50vh 0;}
}
/* Standard syntax */
@keyframes test {
    20% {padding: 50vh 0;}
}
p {
  font-size: 14px;
  color: #484647; 
  font-family: Arial, Helvetica, 
  sans-serif;;line-height: 1.5
}

@media (max-width: 768px) {
  p {
    font-size: 10px;
  } 
  }