html, body{
  margin: 0;
  height: 100%;
  width: 100%;
  background-color: white;
  font-family: "Lato";
}

@font-face {
    font-family: 'Bau';
    src: url('Bau.woff2') format('woff2'),
    url('Bau.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url("Lato.woff2") format('woff2'),url('Lato.woff') format("woff")
}
/* lato-regular - latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    src: url("Lato-Light.woff2") format('woff2'),url('Lato-Light.woff') format("woff")
}

img{
  max-width: 100%;
  max-height: 100%;
}

video{
  max-width: 100%;
  max-height: 100%;
}

.info{
  position: absolute;
  width: 50vh;
  top:5vh;
  left: -1vw;
  height: auto;
  z-index: 0;
}

.foto{
  position: absolute;
  height: 100vh;
  right: 0;
  width: auto;
  z-index: 0;
}

.video{
  position:  absolute;
  width: 90vh;
  height: 50.625vh;
  left: 40vw;
  top: 40vh;
  z-index: 9999;

}

.text{
  position: absolute;
  width: 20vw;
  top: 60vh;
  left: 5vw;
  font-size: 1.25vw;
}