DIV.rm-banner
{
    ALIGN-ITEMS: center;
    BACKGROUND: var(--cms-background-alt);
    BOX-SIZING: border-box;
    DISPLAY: flex;
    FLEX-DIRECTION: column;
    JUSTIFY-CONTENT: center;
    MIN-HEIGHT: 100vh;
    PADDING: calc(var(--cms-vspacing) * 2) var(--cms-hspacing);
    WIDTH: 100%;
}

IMG.rm-banner-image
{
    BOX-SIZING: border-box;
    HEIGHT: 100%;
    LEFT: 0;
    OBJECT-FIT: contain;
    OBJECT-POSITION: center;
    OPACITY: 0.45;
    PADDING: var(--cms-vspacing) var(--cms-hspacing);
    POSITION: absolute;
    TOP: 0;
    WIDTH: 100%;
}

DIV.rm-banner-inner
{
    MAX-WIDTH: calc(1225 * var(--cms-factor));
    WIDTH: 100%;
}

DIV.rm-banner *
{
    TEXT-ALIGN: center;
}

DIV.rm-banner-inner H1, DIV.rm-banner-inner .like-h1,
DIV.rm-banner-inner H2, DIV.rm-banner-inner .like-h2,
DIV.rm-banner-inner H3, DIV.rm-banner-inner .like-h2
{
    COLOR: #f3b606;
    TEXT-SHADOW: var(--cms-box-shadow);
}

DIV.rm-banner-inner H1, DIV.rm-banner-inner .like-h1
{
    FONT-SIZE: max(55px, 1.5 * 55 * var(--cms-factor-raw));
}