Jostic

Текст страницы заключен в div со следующими классами:

<div id="content" class="site-content">
		<div class="container">

На странице подключен бутстрап (bootstrap.min.css), который задает тегам с классом "container" фиксированную ширину:

@media (min-width: 768px) { //это означает, что в родительском классе с шириной от 768 пикселей (фактически, в данном случае, при экранах от 768 пикселей) блок с контентом будет иметь ширину от 750 пикселей
    .container {
        width:750px
    }
}

@media (min-width: 992px) { //на экранах от 992 пикселей - блок "container" будет иметь ширину 970 пикселей
    .container {
        width:970px
    }
}

@media (min-width: 1200px) { //на экранах от 1200 пикселей - блок "container" будет иметь ширину 1170 пикселей
    .container {
        width:1170px
    }
}

Чтобы "перебить" стандартные настройки - рекомендую добавить более сложный селектор для текущего случая (более сложные селекторы имеют приоритет над более общими):

.site-content .container {
width:100%;
}

Таким образом, зададим ширину по размеру родительского блока "site-content" (фактически, на ширину экрана).
Если хочется убрать и оставшиеся отступы по краям, то кроме условия на ширину добавляем:

padding-right: 0px;
    padding-left: 0px;

Стандартно паддинги стоят 15 пикселей.