Video Expanding Beyond Box Limits on 1st page load.

This section below of North’s CSS file deals with MEDIA section.

I am experiencing a problem with the theme that shows the video in an exploded view the first time the page loads and the 2nd time the page loads (a refresh) the video is the size that it was set at.

I have a feeling, but I’m not entirely certain that the issue is being generated by the following statement:

embed,
iframe,
object {
max-width: 100%; }

Here’s a visual of the problem being generated:

https://drive.google.com/drive/u/1/folders/0B07JCz36ivtAYmJXQ2VrMHdWbHc

To be fair, I am not certain if this is a SiteOrigin CSS problem, a PageBuilder problem, or just the CSS itself. I am trying to track down the problem from all angles at this point. I can grant you login privs so you can see the issue yourself.

/*————————————————————–
# Media
————————————————————–*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0; }

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width: 100%; }

/* Over-riding theme button styles for audio shortcode. */
.mejs-controls .mejs-button button {
box-shadow: none; }