html.development{
    background-image: url(../mockup/rentOrBuy/landscape.jpg);
}
.development body{
    padding: 0;
}
body{
    background-color: #000;
}
.site__title {
    top: 4.7%;
    width: 100%;
    height: 17%;
    margin: 0;
}
.site__title img{
    width: auto;
    height: 100%;
    margin: 0 auto;
}
#site__body > .video-site{
    bottom: auto;
    left: 42.2%;
    -webkit-transition: opacity 600ms;
    transition: opacity 600ms;
}
.video-site{
    height: 11.4%;
    opacity: 0.5;
    filter: Alpha(opacity=50);
}
.touch-device .video-site{
    opacity: 1;
    filter: Alpha(opacity=100);
}
.video-site:hover,
.video-site.hover{
    opacity: 1;
    filter: Alpha(opacity=100);
}
.video-site img{
    height: 100%;
}
.itunes{
    top: 32.5%;
}
.amazon{
    top: 48.3%;
}
.google-play{
    top: 64.2%;
}
.vimeo{
    top: 80%;
    height: 12%;
}
#site__footer{
    margin-bottom: 1%;
    background-color: rgba(0,0,0,0.5);
}
#site__footer img{
    width: 9.7%;
}
html.portrait.development{
    background-image: url(../mockup/rentOrBuy/portrait.jpg);
}
.portrait .site__title{
    top: 2.2%;
    width: 100%;
    height: 12.6%;
    margin: 0;
}
.portrait #site__body > .video-site{
    left: 0;
    right: 0;
    height: 13.5%;
    margin: 0 0 0 10%;
    text-align: center;
}
.portrait #site__body > .itunes{
    top: 22.5%;
}
.portrait #site__body > .amazon{
    top: 39.4%;
}
.portrait #site__body > .google-play{
    top: 56.2%;
}
.portrait #site__body > .vimeo{
    top: 73.4%;
}
.portrait #site__footer{
    background-color: transparent;
}
.portrait #site__footer .site__navigation__container > li{
    width: 17.7%;
}