@media (orientation: landscape) { html { background-image: url('../images/horizontal_background.png'); } body { .centerĀ { width: 80%; float: left; } .bottom { flex-direction: column; width: 20%; } } }