Flex Messes With Horizontal Positioning

there are a couple of things you can do to correct this

in the general css you have

* {
    font-family: Calibri, Verdana, Tahoma;
    font-size: 12pt;
    overflow-x: hidden; 
}

Select all Open in new window

removing overflow-x: hidden;  solves the issue, but not sure how this affects other items so you might want to just override it for the appropriate divs

or, for

.imgAddon {
    width: 150px;
    float: left;
    margin-right: 10px;
}

Select all Open in new window

add min-width:150px

OR

add a div wrapper around the image and give the div wrapper a min-width of 150px

<div class="divAddon">
        <div class="imgAddOnWrapper">
        <img class="imgAddon" src="http://aces-project.com/2017/images/additional_page.jpg" alt="Additional Pages">
  		</div>
        <div class="divAddonInfo">
            
            <h2>Additional Pages</h2>
            <p class="addedPrice">
                $120.00 / page            </p>

            <p class="addedDesc">
               All Website Design packages include up to 5 pages. 
            </p>
            
        </div>        
    </div>

Select all Open in new window

and

.imgAddOnWrapper {
min-width:150px;
}

Select all Open in new window