@media (min-width: 320px) and (max-width: 991px) {
    .page-opinion {
        section {
            .page-content {
                .container {
                    .pane-mkbh-blocks-mkbh-block-opinion-seneste {
                        overflow: hidden;

                        .pane-content {
                            .row {
                                & > .col {
                                    & > .row.overflow-hidden {
                                        .col {
                                            overflow: hidden;
                                            margin-bottom: 10px;
                                        }
                                    }

                                    .row:nth-child(1) {
                                        .region-top-left {
                                            .node-inner {
                                                .node-content {
                                                    //width: 100%;
                                                    //position: static;
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

@media (min-width: 320px) and (max-width: 750px) {
    .page-opinion {
        section {
            .page-content {
                .container {
                    .pane-mkbh-blocks-mkbh-block-opinion-seneste {
                        .pane-content {
                            .row {
                                & > .col {
                                    .row:nth-child(1) {
                                        .region-top-left {
                                            .node-inner {
                                                .node-content {
                                                    position: relative;
                                                    width: 100%;
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

@media (min-width: 750px) and (max-width: 991px) {
    .page-opinion {
        .col-md-9, .col-md-3 {
            width: 100%;
        }

        article.mkbh-node-article-display .node-inner .node-content {
            padding: 10px 10px 20px;

            .node-writer-name {
                p {
                    margin: 10px 0;
                }
            }
        }

        section {
            .page-content {
                .container {
                    .pane-mkbh-blocks-mkbh-block-opinion-seneste {
                        .pane-content {
                            .row {
                                & > .col {
                                    .row:nth-child(1) {

                                        .region-top-left {
                                            .node-inner {
                                                display: flex;
                                                display: -webkit-flex;
                                                padding: 0 0 500px;
                                                margin: 0 0 -500px;

                                                .node-image {
                                                    flex: 98%;
                                                    -webkit-flex: 98%;

                                                    &.writer-photo {
                                                        flex: 0 0 180px;
                                                        -webkit-flex: 0 0 180px;
                                                        margin: 15px 40px;
                                                    }
                                                }

                                                .node-content {
                                                    //position: static;
                                                }
                                            }
                                        }

                                        .region-top-right {
                                            .node-inner {
                                                padding: 0 0 500px;
                                                margin: 0 0 -500px;
                                                display: flex;
                                                display: -webkit-flex;

                                                .node-image {
                                                    flex: 1;
                                                    -webkit-flex: 1;

                                                    &.writer-photo {
                                                        flex: 0 0 180px;
                                                        -webkit-flex: 0 0 180px;
                                                        margin: 15px 40px;
                                                    }
                                                }

                                                .node-content {
                                                    flex: 1;
                                                    -webkit-flex: 1;
                                                }
                                            }
                                        }
                                    }

                                    .row:nth-child(2) {
                                        & > .col {
                                            float: left;

                                            .node-inner {
                                                display: flex;
                                                display: -webkit-flex;

                                                .node-image {
                                                    flex: 1;
                                                    -webkit-flex: 1;

                                                    &.writer-photo {
                                                        flex: 0 0 180px;
                                                        -webkit-flex: 0 0 180px;
                                                        margin: 15px 40px;
                                                    }
                                                }

                                                .node-content {
                                                    flex: 1;
                                                    -webkit-flex: 1;
                                                }
                                            }
                                        }

                                        .region-middle-right {
                                            padding: 0;

                                            .row.row-2 {
                                                padding: 0 10px 0 0;
                                            }

                                            & > .row {
                                                width: 50%;
                                                float: left;
                                                margin: 0;
                                                padding: 0 10px;
                                                overflow: visible;
                                            }
                                        }
                                    }

                                    .row:nth-child(3) {
                                        & > .col:nth-child(even) {
                                            padding: 0 10px 0 0;
                                        }

                                        & > .col {
                                            width: 50%;
                                            float: left;
                                            padding: 0 10px;
                                            height: 215px;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

@media (min-width: 992px) {
    .page-opinion {
        section {
            .page-content {
                .container {
                    .pane-mkbh-blocks-mkbh-block-opinion-seneste {
                        .pane-content {
                            .row {
                                & > .col {
                                    .row:nth-child(1) {
                                        .region-top-left {
                                            border-right: 1px solid @border-right;
                                        }
                                    }

                                    .row:nth-child(2) {
                                        & > .col:not(.region-middle-right):not(:last-child) {
                                            margin: 0 0 -1000px;
                                            padding: 0 10px 1000px;
                                            border-right: 1px solid @border-right;
                                        }
                                    }

                                    .row:nth-child(3) {
                                        .border-right {
                                            border-right: 1px solid @border-right;
                                            padding: 0 10px 1000px;
                                            margin: 0 0 -1000px;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

@media (min-width: 992px) {
    .page-opinion {
        section {
            .page-content {
                .container {
                }
            }
        }
    }
}