div#content > .full
{
  max-width: none;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  height: calc(50vh - 80px);
}

div#content > .fullleft
{
  width: 95vw;
  max-width: 800px;
  margin: 5vh 0 5vh 0;
  padding: 0;
}



div#content > .full img
{
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  animation-name: imageanim;
  animation-duration: 2s;
}

div#content > *
{
  opacity: 0;
}

.xx
{
  animation-name: fadein;
  animation-duration: 1s;
}

@keyframes fadein
{
  0% { opacity: 0;   }
  100% { opacity: 1; }
}

@keyframes imageanim
{
  0% { transform: scale(1.2);   }
  100% { transform: scale(1);   }
}

.ressma
{
  object-position: center top;
}

.resbig
{
  display: none;
  object-position: center top;
}

div#welcometext
{
  position: absolute;
  top: calc(50vh - 20vw);
  right: 0;
  display: block;
  padding-right: 4vw;
  padding-bottom: 2vw;
  text-shadow: -1px 0px #666666, 1px 1px #000000, 2px 2px #000000;
  font-size: 7vw;
  height: 20vw;
  color: #ffffff;
  text-align: right;
  font-weight: bold;
  z-index: 100;
}



@media only screen and (min-width: 640px)
{
  div#content > .full img.ressma
  {
    display: none;
  }

  div#content > .full img.resbig
  {
    display: inline-block;
  }


  div#welcometext
  {
    font-size: 60px;
  }

  div#welcometext
  {
    top: calc(50vh - 160px);
    padding-right: 4vw;
    padding-bottom: 2vw;
    font-size: 55px;
    height: 160px;
  }
}


@media screen
  and (max-device-height: 1024px)
  and (orientation: landscape)
{
  div#content > .full
  {
    height: 70vh;
  }

  div#welcometext
  {
    top: calc(70vh - 20vw + 80px);
  }

  div#content > .fullleft
  {
    float: left;
  }



}