左右に振られた　padding の％を　px に直した数値の計算があいません。

【HTML/CSS コーディング練習】初級編：コーポレートサイト／LP

上記のサイトで模写コーディングの勉強をしています。

デモサイト
 ソースコード

が上記なのですが、

#about .text {
width: 45%;
padding: 180px 5% 0 5%;
}
の
padding 5% の部分をpxの数値に直すと　どの値になるかわかりません。

45% にあたる　640px を 5% に直すと

32px になり、　デモサイトやカンプをみると 5% 部分が70pxになり数字があいません。

よしなに　でやってるとしても　数字が２倍近くずれているので、納得いきません。

5% を　px に直すと　どの値になるのでしょうか？

<section id="about">
        <div class="img">
          <img src="img/about.jpg" alt="">
        </div>

        <div class="text">
          <h2 class="section-title">
            <span class="en">ABOUT</span>
            <span class="ja">私たちについて</span>
          </h2>
          <p>
            テキストテキストテキストテキストテキストテキスト
            テキストテキストテキストテキストテキストテキスト
          </p>
          <p>
            テキストテキストテキストテキストテキストテキスト
            テキストテキストテキストテキストテキストテキスト
          </p>
          <p>
            テキストテキストテキストテキストテキストテキスト
            テキストテキストテキストテキストテキストテキスト
          </p>
        </div>
      </section>

/*-------------------------------------------
About
-------------------------------------------*/
#about {
  display: flex;
  margin-bottom: 120px;
}
#about .img {
  width: 55%;
}
#about .img img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}
#about .text {
  width: 45%;
  padding: 180px 5% 0 5%;
}
#about .text p {
  line-height: 2.2;
}

/*-------------------------------------------