@media(min-width: 900px){
  header .container{ 
    width: 800px;
    margin: 0 auto;

ではなく

  header{
    display: flex;
    justify-content: center;
  }

でも同じでしょうか？