html,
body,
div,
h1,
p,
a,
video {
  margin: 0;
  padding: 0;
}

@media all and (max-width: 450px) {
  .videoPage {
    background-color: #404040;
    font-family: "Roboto", sans-serif;
    display: grid;
    align-content: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@media all and (min-width: 451px) {
  .videoPage {
    background-color: #404040;
    font-family: "Roboto", sans-serif;
    display: grid;
    align-content: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
video#bgvid {
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -100;
  transform: translateX(-50%) translateY(-50%);
  background: url(polina.jpg) no-repeat;
  background-size: cover;
}

#controls {
  padding: 0px 15px 0px 15px;
  background-color: #dfe5e9;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important;
}

.vimeo-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
}

.vimeo-wrapper iframe {
  width: 100vw;
  height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
  min-height: 100vh;
  min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}/*# sourceMappingURL=style.css.map */