css - メディア クエリの正しい構文

Question

このルールを書くと

header
{
    margin-bottom: 100px;
}

すべてがうまくて良いです。しかし、メディアクエリでラップすると、機能しなくなります。

@media all and(max-width: 5000px)
{
    header
    {
        margin-bottom: 100px;
    }
}

問題は次の Web サイトで発生します:リンク

スタイルシートを調べると、機能しない一連のメディア クエリが表示されます。彼らがかつてそうであったので、それは私にとって大きなミステリーです。