html.development{
    background-image: url(../mockup/extras/landscape_02.jpg);
}
.development body{
    padding: 0;
}
.site__title{
    width: 46.3%;
    margin: 1.9% 0 0 17.5%;
}
#site__body > .girls{
    left: auto;
    right: 0;
    max-width: 52.6%;
    max-height: 100%;
}
#site__body > .cow{
    bottom: 6.3%;
    max-width: 23.8%;
    max-height: 62.3%;
}
#site__body > .speech-bubble{
    z-index: 4;
    bottom: 2%;
    left: 10.8%;
    max-width: 35.7%;
    max-height: 38.8%;
}
.extras__thumbnail__container{
    padding: 0;
    margin: 0;
    list-style: none;
    padding-top: 1%;
    padding-left: 0.5%;
}
.extras__thumbnail{
    float: left;
    width: 24.6%;
}
.extras__thumbnail + .extras__thumbnail{
    margin-left: 0.33%;
}
.extras__thumbnail img{
    width: 100%;
}
.site__navigation__container{
    padding: 0.3% 0 0.6%;
}
.site__navigation__container > li.left{
    float: left;
}
.site__navigation__container > li.right{
    float: right;
}
.site__navigation__container > li.itunes{
    width: 6.5%;
    padding-left: 2.36%;
}
.site__navigation__container > li.home{
    width: 5.1%;
    padding-right: 2.6%;
}
.site__navigation__container > li > a > img{
    width: 100%;
}
#site__footer .site__navigation__container{
    padding: 0.2% 0 0.5%;
}
html.portrait.development{
    background-image: url(../mockup/extras/portrait_02.jpg);
}
.portrait .site__title{
    width: 57.1%;
    margin: 0.7% 0 0 21.8%;
}
.portrait #site__body > .cow{
    top: auto;
    bottom: 0.4%;
    max-width: none;
    max-height: none;
    width: auto;
    height: 44.3%;
}
.portrait #site__body > .speech-bubble{
    top: auto;
    bottom: 40.7%;
    left: 1.3%;
    max-width: none;
    max-height: none;
    width: auto;
    height: 27%;
}
.portrait #site__body > .girls{
    top: auto;
    bottom: -3%;
    right: -1.4%;
    max-width: 83.6%;
    max-height: 83%;
}
.portrait .extras__thumbnail__container{
    padding: 1.6% 0 0 1.6%;
}
.portrait .extras__thumbnail{
    width: 48.3%;
}
.portrait  .extras__thumbnail + .extras__thumbnail{
    margin-left: 1.4%;
}
.portrait  .extras__thumbnail.clear + .extras__thumbnail{
    margin-left: 0;
}
.portrait #site__footer .site__navigation__container{
    padding: 0.9% 0 1.3%;
}
.portrait #site__footer .site__navigation__container > li{
    padding: 0;
}
.portrait #site__footer .site__navigation__container > li.itunes{
    width: 15%;
    padding-left: 3.4%;
}
.portrait #site__footer .site__navigation__container > li.home{
    width: 11.7%;
    padding-right: 3.6%;
    margin: 0;
}