動画の通りコードを書きましたが、画面を広げてもフレックスボックスが横並びになりません。
以下にコードを送りますので、原因を教えてください。
よろしくお願いします。

HTML

<header>
    <div class="container">
      <div class="info">
        <h1>すごいアプリ</h1>
        <p>ウルトラすごい最高なアプリです</p>
        <a href="" class="btn">ダウンロード</a>
      </div>
      <div class="pic">
        <img src="img/top.png">
      </div>
    </div>
  </header>

CSS

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

  header .info {
    width: 60%;
  }

  header .pic {
    width: 40%;
  }
}