section.block_outer_container {
    margin-left: auto;
    margin-right: auto;
}

section.block_outer_container.xsmall {
    max-width: 600px;
}

section.block_outer_container.small {
	max-width: 720px;
    font-size: 100%;
    font-weight: 300;
}

section.block_outer_container.medium {
	max-width: 820px;
}

section.block_outer_container.large {
	max-width: 960px;
}

section.block_outer_container.xlarge {
	max-width: 1100px;
}

.content-single .block_inner_container {
	display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    margin-right: -20px;
}

.content-single section.block_outer_container.block .block_inner_container {
    display: block;
    margin-left: 0;
    margin-right: 0;
}

.block_inner_container .block_icon_tile {
    flex-grow: 1;
    width: 25%;
    margin: 20px;
}




/* Blog post */

.single_blog_outer .container .content-single .block_inner_container {
    margin-left: 0;
    margin-right: 0;
}

.single_blog_outer .container .content-single .block_outer_container.small {
    width: 720px;
    margin-left: -60px;
}

.single_blog_outer .container .content-single .block_outer_container.medium {
    width: 820px;
    margin-left: -110px;
}

.single_blog_outer .container .content-single .block_outer_container.large {
    width: 960px;
    margin-left: -180px;
}

.single_blog_outer .container .content-single .block_outer_container.xlarge {
    width: 1100px;
    margin-left: -250px;
}

@media only screen and (max-width: 1100px) { 

.single_blog_outer .container .content-single .block_outer_container.xlarge {
    width: 100vw;
    margin-left: calc( -100vw / 2 + 100% / 2 );
    margin-right: calc( -100vw / 2 + 100% / 2 );
}

}

@media only screen and (max-width: 960px) { 

.single_blog_outer .container .content-single .block_outer_container.large {
    width: 100vw;
    margin-left: calc( -100vw / 2 + 100% / 2 );
    margin-right: calc( -100vw / 2 + 100% / 2 );
}

}


@media only screen and (max-width: 820px) { 

.single_blog_outer .container .content-single .block_outer_container.medium {
    width: 100vw;
    margin-left: calc( -100vw / 2 + 100% / 2 );
    margin-right: calc( -100vw / 2 + 100% / 2 );
}

}


@media only screen and (max-width: 720px) { 

.single_blog_outer .container .content-single .block_outer_container.small {
    width: 100vw;
    margin-left: calc( -100vw / 2 + 100% / 2 );
    margin-right: calc( -100vw / 2 + 100% / 2 );
}

.content-single .block_inner_container {
    margin-left: 0;
    margin-right: 0;
}

}


@media only screen and (max-width: 600px) { 

.single_blog_outer .container .content-single .block_outer_container.xsmall {
    width: 100vw;
    margin-left: calc( -100vw / 2 + 100% / 2 );
    margin-right: calc( -100vw / 2 + 100% / 2 );
}

}





/* Backend */

.block-editor-block-list__layout section.block_outer_container {
    border: solid 1px #eee;
    padding: 20px;
}

section.block_outer_container.flex .block_inner_container .block-editor-inner-blocks .block-editor-block-list__layout {
    display: flex;
    flex-wrap: wrap;
    /* margin-left: -20px;
    margin-right: -20px; */
    width: 100%;
}

section.block_outer_container .block_inner_container .block-editor-inner-blocks .block-editor-block-list__layout > div[data-type="acf/block-icon-tile"] {
    flex-grow: 1;
    width: 25%;
    margin: 20px;
}

section.block_outer_container .block_inner_container .block-editor-inner-blocks .block-editor-block-list__layout .block-list-appender.wp-block {
    width: 100% !important;
}

section.block_outer_container .block_inner_container .block-editor-inner-blocks .block_icon_tile {
	width: 100%;
}