html.development{
    background-image: url(../mockup/about/landscape.jpg);
}
.development body {
    padding: 0;
}
.main-content__title.story{
    top: 6.4%;
    height: 6.1%;
}
.main-content__article.story{
    top: 15%;
    height: 16.1%;
}
.main-content__title.project-history{
    top: 37.7%;
    height: 6.3%;
}
.main-content__article.project-history{
    top: 46.5%;
    height: 45.1%;
}
#site__footer.size--by-height .site__navigation__container{
    top: 15%;
    height: 76%;
}

html.portrait.development{
    background-image: url(../mockup/about/portrait.jpg);
}
.portrait .main-content__title.story {
    width: 14.3%;
}
.portrait .main-content__article.story{
    top: auto;
    height: auto;
}
.portrait .main-content__title.project-history {
    width: 39.3%;
}
.portrait .main-content__article.project-history{
    top: auto;
    height: auto;
}