KathyDavie on "[Theme: Hueman] Main content section forcing content to use only left half"

All of a sudden every page in my website, http://westportmeadows.kathydavie.com/, is forcing text to use only the left half of the content section.

# SITE_URL: http://westportmeadows.kathydavie.com
# HOME_URL: http://westportmeadows.kathydavie.com
# IS MULTISITE : No

# THEME | VERSION : Hueman | v3.1.1# WP VERSION : 4.5.1
# PERMALINK STRUCTURE : /%postname%/

# ACTIVE PLUGINS :
Akismet: 3.1.10
Contact Form 7: 4.4.1
Formidable: 2.01.0
Hello Dolly: 1.6
Jetpack by WordPress.com: 4.0.2
MOJO Marketplace: 0.8.0
Regenerate Thumbnails: 2.2.6
Responsive Lightbox: 1.6.8
Shortcodes Ultimate: 4.9.9
The Events Calendar: 4.1.3
WP-PageNavi: 2.90
WPSocialite: 2.4.1

PHP Version: 5.4.43
MySQL Version: 5.5.42-37.1-log
Web Server Info: Apache

WordPress Memory Limit: 40MB
PHP Safe Mode: No
PHP Memory Limit: 256M
PHP Upload Max Size: 64M
PHP Post Max Size: 64M
PHP Upload Max Filesize: 64M
PHP Time Limit: 30
PHP Max Input Vars: 1000
PHP Arg Separator: &
PHP Allow URL File Open: Yes
WP_DEBUG: Disabled

Show On Front: posts
Page On Front: (#0)
Page For Posts: (#0)

Hi Kathy. Welcome to the Hueman forum.

All of a sudden

Does that mean it was working fine one time and, the next time you looked at it, it changed? Or you made some sort of modification and now it's not doing what you thought it would?

This in your custom css is affecting the layout:

article { width: 49%; float: left;
}

Out of 21 pages, only 1 page actually uses <article>, so does that mean that every single page is still affected when nowhere else is that code used on the page?

It would only affect the pages that have the <article> element on them.

Then why are the other 20 pages being affected by it. That or the problem is not with
article {
width: 49%;
float: left;
}