body {
      margin: 0;
      font-family: 'Roboto', sans-serif;
}
.hero {
      position: relative;
      height: 100vh;
      overflow: hidden;
 }
.hero video {
      position: absolute;
      top: 0;
      left: 0;
      min-width: 100%;
      min-height: 100%;
      object-fit: cover;
      z-index: -1;
}
.hero-content {
      position: absolute;
      z-index: 1;
      color: white;
      top: 50%;
      right: 0;
      padding-right:2em;
      transform: translateY(-50%);
}
.hero-content h1, .hero-content p{
     text-shadow: 0px 5px 25px rgba(20, 20, 20, 1), 0px 5px 25px rgba(20, 20, 20, 1);
}
.logo{
    width:10%;
    position: absolute;
    top: 5%;
    left: 5%;
}
@media screen and (max-width:768px) {
    .logo{
      width:20%;
    }
}

.foot-logo{
    width:10%;
    padding:1em;
    margin: 0 0 0 90%;
}

@media screen and (max-width:768px) {
    .foot-logo{
      width:20%;
       margin: 0 0 0 80%;
    }
}

.grecaptcha-badge { visibility: hidden; }