「すごい特徴」の中のコンテンツが 600px 以上で横並びになるのは、以下スタイルがきいているからでしょうか。

 .hero .desc,
 .hero .pic {
    width: 50%;
}

hero の下の階層にある desc にかかるのは理解できるのですが、
.features の下にある desc と pic も、以下スタイルが共通できいているのでしょうか。

 .hero .desc,
  .hero .pic {
    width: 50%;
}

ここで hero の下だったらどの階層でも良いよ、ということでしょうか。

.hero .desc,　が理解できていないようです。よろしくお願いいたします。