wordpress twenty seventeenのトップ画像の高さをレスポンシブで変える方法が分かりません。

Question

wordpress twenty seventeenのトップ画像の高さをレスポンシブで変える方法が分かりません。

子テーマをつかってＣＳＳを調整しています。
一応自分なりに調べたりしてパソコンで閲覧するときは調整が反映されるようになりましたが、スマホで閲覧するときは、反映されません。

レスポンシブの対応ができていないのだと思いますが、いろいろ調べてみても改善できません。
サイトのＵＲＬを添付します。
[https://medixray.wp-x.jp/]

どなたかお詳しいかたよろしくお願いします。
スマホ閲覧時

パソコン閲覧時

Answer 1

.has-header-image.twentyseventeen-front-page .custom-header,
.has-header-video.twentyseventeen-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header {
	display: table;
	height: 300px;
	/* height: 75vh; */
	width: 100%;
}

【開発者ツールを使おう！ カスタマイズするphpファイルを探す-その1 | RYUS blog】
http://ryus.co.jp/blog/customize-php-search-1/

【Web開発でよく使う、特に使えるChromeデベロッパー・ツールの機能 - Build Insider】
http://www.buildinsider.net/web/chromedevtools/01

【第1回 詳説：デベロッパーツールの使い方：Google Chrome版Firebug：デベロッパーツール取扱説明書｜gihyo.jp … 技術評論社】
http://gihyo.jp/dev/feature/01/devtools/0001?page=2