Заголовки темы css

Узнать - чем управляют эти операторы из кода папки стилей style.css (версия сайта WordPress 4.8.20 с темой оформления Twenty Seventeen).
Проблема была в том, что контент на сайте happyresume.ru очень узкий, ширина строки по полю сайта кажется короткой. Обратился к верстальщику, он посоветовал убрать пару строк в коде стилей папки style.css

Раздел кода
19.0 Media Queries

/* Front Page */

.panel-content .wrap {
	padding-bottom: 2em;
	padding-top: 3.5em;
}

.page-one-column .panel-content .wrap {
	max-width: 740px; - вот эту строку
}

.panel-content .entry-header {
	margin-bottom: 4.5em;
}

Про это написал - это код для главной страницы - и будет широкая строка

и из раздела кода

/* Single Post */

.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.twentyseventeen-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) .page-header,
.archive.page-one-column:not(.has-sidebar) #primary {
	margin-left: auto;
	margin-right: auto;
	/* max-width: 740px; */  - вот эту строку
}

А про эту строчку написал - убираете эту строку и будут широкие внутренние страницы сайта

Хотел спросить - эти участки (разделы) кода чем управляют и можно ли так сделать, ничего не испортив - убрать эти две строки в коде?
Да, и есть ли вообще указатель (учебник, manual) - какие разделы и каких папок сайта WP чем на сайте управляют, в случае самого простого, типового кода, так как в этой теме ничего в коде не менял, такой достался от хостинга