body {
  margin: 0;
  padding: 0;
  background: url(images/bkg_main.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height: 100%;
  min-width: 100%;
}


#video1 {
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    width: 60%;
    height: 60%;
    z-index: 0;
    visibility: visible;
}

#polina { 
  position: absolute;
  padding: 0px;
  margin: 0 auto;
  margin-top:20 px;
  margin-left:20 px;
  width: 90%;
  height: 90%;
  font-size: 1.2rem;
  z-index: 2;
  transition: 2s background;
}
#polina button { 
  display: block;
  width: 80%;
  padding: .4rem;
  border: none; 
  margin: 1rem auto; 
  font-size: 1.3rem;
  background: rgba(0,0,0,0.5);
  color: #fff;
  border-radius: 45px; 
  cursor: pointer;
  transition: .3s background;
}
#polina button:hover { 
   background: rgba(0,0,0,0.5);
}

a {
  display: inline-block;
  font-family: 'Didact Gothic', sans-serif;
  text-decoration: none;
  width: 80%;
  height: 80%;
  background:rgba(255,255,255,0);  
  font-weight: 300; 
  padding: 25px;
  transition: 3s background;
}
a:hover{
  background:rgba(255,255,255,0);
  font-size: 1.2rem;
  transition: 2s color; 
}

a.ES {
  font-weight: 300; 
  padding: 25px;
  height: 60px;
  transition: 3s background;
}
a.IN {
  background:(255,255,255,0); 
  font-weight: 300; 
  padding: 25px;
  height: 60px;
  margin-right: 10px;
  transition: 3s background;
}
a.PT {
  background:(255,255,255,0.0); 
  font-weight: 300; 
  padding: 25px;
  height: 60px;
  margin-right: 10px;
  transition: 3s background;
}
.esp {
  font-size: 1.0rem;
  color:#ecb503;
}

.stxt {
  font-size: 1.0rem;
  color:rgba(255,255,255,0.1);
}
a .esp:hover {
  color:#dba700;
}
.ing {
  font-size: 1.0rem;
  color:#c70a1d;
}
a .ing:hover {
  color:#a90717;
}

.por {
  font-size: 1.0rem;
  color:#0e67ab;
}
a .por:hover {
  color:#0c5c99;
}
@media screen and (max-width: 500px) { 
  div{width:70%;} 
}

}