CSSのcalcはCSS3で追加された関数です。calc記述時は以下の点に注意が必要です。

加算・減算の演算子の左右には半角スペースが必要

width: calc(25% - 80px);

//動作しない
width: calc(25% -80px);

乗算は掛けられる方（左側）か掛ける方（右側）のどちらかに単位を付ける

padding-top: calc(0.5625 * 100%);

//どちらにも単位がないと動作しない
padding-top: calc(0.5625 * 100);

//どちらにも単位があると動作しない
padding-top: calc(720px / 1280px * 100%);
padding-top: calc(0.5625px * 100%);

//どちらにも単位があると動作しない
width: calc(100px * 50%);

除算は割られる方（左側）にのみ単位を付ける

padding-top: calc(720px / 2);

width: calc(100% / 3);

//例外として計算途中であればどちらにも単位のない除算が可能
padding-top: calc(720 / 1280 * 100%);