html  {
  height: 100%;
 }
body {
  margin: 0;
  padding: 0;
  background: url(/img/hellobaden-webvk-querformat.jpg) no-repeat;
  background-size: cover;
  height: 100%;
  background-position: center;
 }
table {
 height: 100%;
 table-layout: fixed;
 }
.row.logo {
 xmargin-top: calc(50vh - 200px);
 height: 80%;
 }
 .cell.logo {
 text-align: center;
 vertical-align: middle;
 }

.cell.logo img {
  max-width: 50vw;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15%;
 }

.row.social  {
 text-align: center;
 xposition:fixed;
 xbottom:5px;
 width: 100%;
 }
 .cell.social {
  margin-left: auto;
  margin-right: auto;
  width:auto;

  display: inline-block;
 }
 .cell.social a {
float:left;
margin:20px;
width: 80px;
}
 .cell.social a img {width: 80px;}
 x.cell.social a.linkedin img {width: 70px;margin: 5px;}
x.cell.social a.facebook {margin-top: 30px;}
x.cell.social a.instagram {margin-top: 25px;}
 x.cell.social a.facebook img {
width: 40px;
padding:0 20px;
}

@media only screen and (max-width: 640px) {
  .cell.logo img {
  max-width: 50vw;
}
}
@media only screen and (min-width: 1280px) {
  .cell.logo img {
  max-width: 500px;
margin-top:150px;
  }

.row.logo {
 height: 90%;
 }

}

 @media screen and (orientation:portrait) {
body {
  background-image: url(/img/hellobaden-webvk-hochformat.jpg);
 }

 }