.region-pre-footer-wrapper {
    background: #333333;
    margin-bottom: -50px;

    .region.region-pre-footer > section.block-mkbh-blocks {
        display: flex;
        display: -webkit-flex;

        @media (max-width: 1200px) and (min-width: 320px) {
            flex-direction: column;
            -webkit-flex-direction: column;
        }

        padding: 20px 0 40px 0;

        .block-title {
            flex: 0 0 200px;
            -webkit-flex: 0 0 200px;
            padding-right: 10px;
            min-width: 0;

            font-family: 'Montserrat', sans-serif;
            font-weight: 300;
            font-size: 22px;
            letter-spacing: 0.02em;
            color: #e6e6e6;
            width: 100%;
            margin-top: 0;
            padding-top: 0;

            @media (max-width: 1200px) and (min-width: 320px) {
                flex: 1;
                -webkit-flex: 1;
            }

        }

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

        h4 {
            margin-top: 3px;
            color: #e6e6e6;
            font-family: 'Montserrat', sans-serif;
            font-weight: 300;
            font-size: 16px;
            letter-spacing: 0.06em;
            margin-bottom: 10px;
        }

        a, span {
            color: #b3b3b3;
            font-family: 'Montserrat', sans-serif;
            font-size: 16px;
            line-height: 1.5em;
            position: relative;
            display: inline-block;

            .underline {
                position: absolute;
                bottom: 3px;
                left: 0;
                height: 2px;
                background-color: rgba(255, 255, 255, 0.75);
                width: 0;
                -ms-transition: width 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
                transition: width 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
                -webkit-transition: width 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
                -moz-transition: width 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
                -o-transition: width 250ms cubic-bezier(0.25, 0.1, 0.25, 1);
            }

            &:hover {
                .underline {
                    width: 100%;
                }
            }
        }

        .hovedsponsorer-wprapper {
            border-bottom: 2px solid #999999;
            padding-bottom: 10px;
            margin-bottom: 20px;

            span, a {
                font-size: 22px;
                letter-spacing: 0.02em;
            }
        }

        .column {
            flex: 0 25%;
            -webkit-flex: 0 25%;
            padding-bottom: 10px;

            @media screen and (max-width: 993px) {
                flex: 0 50%;
                -webkit-flex: 0 50%;
            }

            @media screen and (max-width: 767px) {
                flex: 0 100%;
                -webkit-flex: 0 100%;
            }
        }

        .flex-grid {
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap;

            @media screen and (max-width: 993px) {
                -webkit-flex-direction: row;
                flex-direction: row;
            }
        }

    }
}