html.development{
    background-image: url(../mockup/story/landscape.jpg);
}
.development body {
    padding: 0;
}
.site__title{
	top: 6.7%;
	right: 0;
    width: 11%;
    /* margin: 4.2% 0 0 46.5%; */
	margin: 0 auto;
}
#site__body > .story__article{
    top: 18.1%;
    bottom: auto;
    right: 0;
    max-width: 73.2%;
	max-height: 25.3%;
    /* margin: 10.7% 0 0 14.3%; */
	margin: 0 auto;
}
#site__body > .show__list{
    top: 46.4%;
    bottom: auto;
    right: 0;
    max-width: 85%;
	max-height: 49.6%;
    /* margin: 27.7% 0 0 7.9%; */
	margin: 0 auto;
}
html.portrait.development{
    background-image: url(../mockup/story/portrait.jpg);
}
.portrait .site__title {
	top: 4%;
	width: 16.3%;
	margin: 0 auto;
}
.portrait #site__body > .story__article {
    top: 12.3%;
	max-width: 95.6%;
	max-height: 21.4%;
}
.portrait #site__body > .show__list{
    top: 39%;
    height: auto;
    max-height: 59.2%;
}