body {
  margin:0;
}

video {
  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-size:cover;
  transition:1s opacity;
}

.stopfade {
  opacity:.5;
}

#polina {
  font-family:'Open Sans';
  font-weight:100;
  background:rgba(0,0,0,0.3);
  color:white;
  padding:1rem;
  width:35%;
  margin:1em;
  float:left;
  font-size:1.2rem;
}

h1 {
  font-size:3rem;
  margin-top:0;
  letter-spacing:.3rem;
}

#polina button {
  display:block;
  width:80%;
  padding:.4rem;
  border:none;
  margin:1rem auto;
  font-size:1.3rem;
  background:rgba(255,255,255,0.23);
  color:#fff;
  border-radius:3px;
  cursor:pointer;
  transition:.3s background;
}

#polina button:hover {
  background:rgba(0,0,0,0.5);
}

a:hover {
  background:rgba(0,0,0,0.9);
}

@media screen and (max-width: 500px) {
  div {
    width:100%;
  }
}

@media screen and (max-device-width: 800px) {
  html {
  }
}

@media screen and (max-device-width: 800px) {
  #bgvid {
    display:none;
  }
}