.page .layout-wrap {
    padding: 18px;
}

.page .layout-main {
    margin-left: 18px;
    padding: 18px;
}

.page .layout-side {
    flex: 0 0 250px;
    padding: 18px;
}

.page .layout-header,
.page .layout-wrap,
.page .layout-footer .block-banner-bottom {
    padding-left: calc((100% - 1080px) / 2);
    padding-right: calc((100% - 1080px) / 2);
}
.block-site-author .component-link-scroller {
    margin-right: calc((100% - 1080px) / 2);
}
.component-menu-main .menu-item-depth-2 > ul {
    position: absolute;
    top: 0;
    width: 130%;
    z-index: 100;
}
.component-menu-main .menu-item-depth-2 ul {
    left: 100%;
}

@media (hover: hover) {
    .component-menu-main .has-children.hover > .menu-children {
        overflow: visible;
        height: auto;
        opacity: 1;
        z-index: 10;
    }
    .component-menu-main .menu-item-depth-1.has-children.hover > ul {
        margin-top: 1em;
    }
    .component-menu-main .menu-item-depth-2.has-children.hover > ul {
        margin: 0;
        padding: 6px;
        background: #f8f8f8;
        border: 1px solid #ddd;
    }
    .component-menu-main .has-children.hover > .menu-item-self > .expander > .icon {
        transform: rotate(90deg);
    }
}