@media (orientation: landscape) {

    html {
        background-image: url('../images/horizontal_background.png');
    }

    body {

        .center {
            width: 80%;
            float: left;
        }

        .bottom {
            flex-direction: column;
            width: 20%;
        }

    }
}