テーマGraphyの子テーマでスマホ表示した場合に両端の余白がなくなります

テーマはGraphyを使用しています。

子テーマを作成し使用するとスマホで見た場合、両端の余白がなくなってしまいます。とても見にくくなってしまうため。親テーマと同様に両端に余白がでるようにしたいのですが、どうすれば良いのか分からず困っています。

子テーマのfunctions.php

<?php

add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}

子テーマのstyle.css

#content {
	font-family: “Lato”, “ヒラギノ角ゴシック Pro”, “Hiragino Kaku Gothic Pro”, ‘メイリオ’ , Meiryo , Osaka, “ＭＳ Ｐゴシック”, “MS PGothic”, sans-serif;font-family: Arial,Helvetica,”游ゴシック”,YuGothic,”Hiragino Kaku Gothic ProN”,Meiryo,sans-serif ;
}

h1, h2, h3, h4, h5, h6, .site-title {
font-family: “Lato”, “ヒラギノ角ゴシック Pro”, “Hiragino Kaku Gothic Pro”, ‘メイリオ’ , Meiryo , Osaka, “ＭＳ Ｐゴシック”, “MS PGothic”, sans-serif;font-family: Arial,Helvetica,”游ゴシック”,YuGothic,”Hiragino Kaku Gothic ProN”,Meiryo,sans-serif !important;
}

.main-navigation{
font-family: “Lato”, “ヒラギノ角ゴシック Pro”, “Hiragino Kaku Gothic Pro”, ‘メイリオ’ , Meiryo , Osaka, “ＭＳ Ｐゴシック”, “MS PGothic”, sans-serif;font-family: Arial,Helvetica,”游ゴシック”,YuGothic,”Hiragino Kaku Gothic ProN”,Meiryo,sans-serif ;
}

どなた様か、お知恵をお借りできますでしょうか？
過去のトピックを拝見したものの、どこに手を加えれば良いのか見当がつきませんので、
調整する際の手がかかりやキーワードを教えていいただけますと大変助かります。
よろしくお願い申し上げます。