body {margin: 0; background: #EFEFEF;}
video {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background-size: cover;  -webkit-transition: 1s opacity; transition: 1s opacity; }

.videoFA {
    opacity:    1;
    background: #000;
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background-size: cover;  -webkit-transition: 1s opacity; transition: 1s opacity; }

.div {
float: left;
position: absolute;
margin-top:  45%;
text-align: center;
padding-left: 45%;
}
h1 { font-size: 3rem; text-transform: uppercase; margin-top: 0; letter-spacing: .3rem; }
.stopfade { opacity: .25; }
#polina .button {
  display:  block;
  width: 30px;
  height: 30px;
  background-image: url(unmuted.png);
}
#polina .buttons {
  display:  block;
  width: 30px;
  height: 30px;
  background-image: url(muted.png);
}
.line {
  display:  block;
  width: 923px;
  height: 3px;
  background-image: url(line.png);
}
@media screen and (max-width: 500px) {
  div{width:70%;}
}
@media all and (max-device-width: 800px) {
  #bgvid, #polina button { display: none; }
  div{width:70%;}
}

.logo {
position: relative;
margin-left: 1%;
width:  165px;
height:   58px;
  background-image: url(logo.png);
  background-repeat:  no-repeat;
  z-index:  9999;
}

.help{
position: absolute;
display:  block;
background: #FBFBFB;
opacity: 0.2;
width:  200px;
height: 30px;
margin-top:  42%;
margin-left:  40%;
color:  #000;
text-align: center;
padding-top:    10px;
}

.help:hover{
position: absolute;
display:  block;
background: #FBFBFB;
opacity: 0.5;
width:  200px;
height: 30px;
margin-top:  42%;
margin-left:  40%;
padding-top:    10px;
}

.block1{
position: absolute;
margin-top: 65.5%;
margin-left: 15%;
width:  260px;
height: 300px;
opacity: 1;
padding-left:   10px;
}

.block2{
position: absolute;
margin-top: 65.5%;
margin-left: 35%;
color:  #000;
width:  260px;
height: 300px;
opacity: 1;
padding-left:   10px;
}

.block3{
position: absolute;
margin-top: 65.5%;
margin-left: 55%;
color:  #000;
width:  260px;
height: 300px;
opacity: 1;
padding-left:   10px;
}

.block4{
position: absolute;
margin-top: 65.5%;
margin-left: 75%;
color:  #000;
width:  260px;
height: 300px;
opacity: 1;
padding-left:   10px;
}


.block1b{
position: absolute;
margin-top: 85.5%;
margin-left: 15%;
color:  #000;
width:  260px;
height: 300px;
opacity: 1;
padding-left:   10px;
}

.block2b{
position: absolute;
margin-top: 85.5%;
margin-left: 35%;
color:  #000;
width:  260px;
height: 300px;
opacity: 1;
padding-left:   10px;
}

.block3b{
position: absolute;
margin-top: 85.5%;
margin-left: 55%;
color:  #000;
width:  260px;
height: 300px;
opacity: 1;
padding-left:   10px;
}

.block4b{
position: absolute;
margin-top: 85.5%;
margin-left: 75%;
color:  #000;
width:  260px;
height: 300px;
opacity: 1;
padding-left:   10px;
}

p{
position: absolute;
margin-top: 10%;
margin-left:  15%;
color:  #000;
}