
.ha-news-clip-board-frame {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 6.4% 87.2% 6.4%;
    grid-template-columns: 6.4% 87.2% 6.4%;
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
}

    .ha-news-clip-board-frame__top {
        -ms-grid-row: 1;
        grid-row: 1;
        -ms-grid-column: 1;
            grid-column-start: 1;
        -ms-grid-column-span: 3;
        grid-column-end: 4;
    }

    @media (max-width: 600px) {
        .ha-news-clip-board-frame__top {
            display: none;
        }
    }

    .ha-news-clip-board-frame__left {
        -ms-grid-row: 2;
        grid-row: 2;
        -ms-grid-column: 1;
        grid-column: 1;

        background-color: #485b6e;
        width: 100%;
        min-width: 100%;
        height: 100%;
    }

    @media (max-width: 600px) {
        .ha-news-clip-board-frame__left {
            display: none;
        }
    }

    .ha-news-clip-board-frame__content {
        -ms-grid-row: 2;
        grid-row: 2;
        -ms-grid-column: 2;
        grid-column: 2;

        -webkit-box-sizing: border-box;

                box-sizing: border-box;
        padding: 20px;
    }

    @media (max-width: 600px) {
    .ha-news-clip-board-frame__content {
        -ms-grid-row: 1;
            grid-row-start: 1;
        -ms-grid-row-span: 3;
        grid-row-end: 4;
        -ms-grid-column: 1;
            grid-column-start: 1;
        -ms-grid-column-span: 3;
        grid-column-end: 4;

        padding: 0px;
    }
    }

    .ha-news-clip-board-frame__right {
        -ms-grid-row: 2;
        grid-row: 2;
        -ms-grid-column: 3;
        grid-column: 3;
        background-color: #485b6e;
        width: 100%;
        min-width: 100%;
        height: 100%;
    }

    @media (max-width: 600px) {
        .ha-news-clip-board-frame__right {
            display: none;
        }
    }

    .ha-news-clip-board-frame__bottom {
        -ms-grid-row: 3;
        grid-row: 3;
        -ms-grid-column: 1;
            grid-column-start: 1;
        -ms-grid-column-span: 3;
        grid-column-end: 4;
    }

    @media (max-width: 600px) {
        .ha-news-clip-board-frame__bottom {
            display: none;
        }
    }
