.block {
    display: block;

    /* Set as position parent */
    position: relative;

    /* Force img, video, svg to scale. */
    height: auto;

    /* Set them up to play nice as inline-blocks. */
    vertical-align: top;
    overflow: visible;

    /* Set them up to place nice as flexboxes. */
    justify-content: center;

    /* Negate possible spacing when .block is used on something typographic like
	   a <p>, for example. Also, make blocks behave as centered wraps by default. */
    margin: 0 auto;
    padding: 0;
}

.block>img,
.block>svg,
.block>video,
.block>canvas,
.block>object,
.block>embed,
.block>iframe {
    /* Don't allow media to break out of .block bounds. */
    max-width: 100%;
}


.block-inline {
    display: inline-block;
}

.warning-block {
    margin-bottom: 20px;
    padding: 10px 20px;
    background-color: rgba(240, 76, 22, 1);
    background-color: var(--color-orange);
    color: white;
}