html, body {
  width: 100%;
  height: 100%;
}
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
#container {
  width: 99%;
  max-width: 100%;
  height: 100%;
  text-align:center;
  background-color: #fffacf;
  font-size:1em;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}
#bildoj {
  border: solid 0 transparent;
  margin-top: 1.6em;
  width: 100%;
  max-width: 400px;
  min-height: 120px;
  flex: 3;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  background-image: url(../img/svg/familio.svg);
  background-size: contain;
  background-position: bottom center;
  background-repeat: no-repeat;
}
.poemo {
  border: solid 0 transparent;
  flex: 2;
  display:flex;
  flex-direction:column;
  flex-wrap:wrap;
  margin-top:1em;
  justify-content:flex-start;
  align-items:center;
  line-height:1.4;
  width: 100%;
  font-family: sans-serif;
  font-size: 2em;
  font-weight: 400;
  color: #fffacf;
  text-align: center;
  text-shadow: -1px -1px 1px #2f130d,
    0px 2px 1px rgba(0,0,0,0.5),
    2px 2px 5px rgba(0,0,0,0.7),
    0px 0px 2px rgba(0,0,0,0.4);
    /*-1px -1px 1px #2f130d;*/
}