Centering responsive 100% width block with max-width contraint.

gistfile1.html

<style>
    .centering-fullwidth {
        width: 100%;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .constraint-container {
        width: 100%;
    }
</style>

<!-- full width centering container -->
<div class="centering-fullwidth">
    <!-- 500px width constraint -->
    <div class="constraint-container" style="max-width: 500px;">
        <!-- start responsive content: replace with your responsive embed code -->
        <div style="width: 100%; background: black; height: 400px;"></div>
        <!-- end responsive content -->
    </div>
</div>