Михаил Захаров

div.text {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

@media screen and (orientation: landscape) { 
  #logo { background: url(logo1.png) no-repeat; }
}
@media screen and (orientation: portrait) { 
  #logo { background: url(logo2.png) no-repeat; }
}