body {
   margin: 0;
   padding: 0;
   height: 100%;
}

img {
   border: none;
}

div.container {
   position: fixed;
   width: 100%;
   height: 100%;
   margin: 0;
   padding: 0;
}

div.half {
   position: absolute;
   width: 100%;
   height: 50%;
   border: 1pt solid black;
   margin: 0;
   padding: 0;
}

#walltowall {
   top: 0;
   background-color: #F2F2F2;
   transition: height 1.5s ease-in;
}

#wstyling {
   top: 50%;
   background-color: #000;
   transition: top 1.5s ease-in, height 1.5s ease-in;
}

div > img {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

#walltowall_logo {
   height: auto;
   width: 600px;
   transition: opacity 2s ease-in-out;
   -webkit-transition-delay: 0.8s;
    -moz-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    transition-delay: 0.8s;
}

#wstyling_logo {
   height: auto;
   width: 400px;
   transition: opacity 2s ease-in-out;
   -webkit-transition-delay: 0.8s;
    -moz-transition-delay: 0.8s;
    -o-transition-delay: 0.8s;
    transition-delay: 0.8s;
}

div.logo {
    position: relative;
    top: 20%;
    width: 50%;
    height: 50%;
    margin: auto;
}