/* CSS Document */
html, body	{
            height:100%;
            }

html    {
        font-size: 62.5%;
        }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, blockquote, th, td
    {
	margin: 0;
	padding: 0;
    }

body	{
       color: #1a1a1a;
        height: 100vh;
        background: #fff;
        }

h1  {
    color: #2A3751;
    margin: 5px 0 10px;
    }

h2  {
    color: #2A3751;
    }

h3  {
    color: #2A3751;
    }

.entry-content a:link   { color: #4f5ffb; text-decoration: none;}
.entry-content a:visited    { color: #4f5ffb; text-decoration: none;}
.entry-content a:active 	{ color: #4f5ffb; text-decoration: none;}
.entry-content a:hover  { color: #4f5ffb; text-decoration: underline;}

a   {
    outline: 0;
    }

strong, b	{
            font-weight: bold;
            }

/* temporary news block */
.news   {
        background: #eee;
}

.news-headline  {
    margin-top: 20px;
    display: block;
    font-size: 2.5rem;
    font-weight: bold;
    font-family: 'Muli';
    color: #2A3751;
    text-transform: uppercase;
}

.news-content   {
    max-width: 1250px;
    font-size: 17px;
    margin-top: 10px;
}

.news-content p {
                margin: 5px 0;
}

            .news-content strong    {
                color: #2A3751;
            }


/* Images */

img[class*="align"],
img[class*="wp-image-"] {
                        height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
                        }
img     {
        height: auto;
        max-width: 100%;
        border: 0;
        display: block;
        }

.content-right ul   {
                    padding-left: 20px;
                    }

.inner-block    {
                max-width: 1404px;
                margin: 0 auto;
                padding-left: 3vw;
                padding-right: 3vw;
                }
.outer-wrapper  {
                background: #fff;
                max-width: 1820px;
                margin: 0 auto;
                }

.main-header    {
                background: #2A3751;
                display: flex;
                justify-content: space-between;
                }

                .main-header.front  {
                                    padding: 0 0 0 2vw;
                                    }

                .main-header.sub    {
                                    padding-left: 2vw;
                                    }

                .header-logo    {
                                padding-top: 16px;
                                padding-bottom: 16px;
                                }

                                .header-logo.test-logo  {
                                                        padding-top: 20px;
                                                        padding-bottom: 19px;
                                                        }

                .header-logo img    {
                                    display: block;
                                    }

                .header-inner   {
                                display: flex;
                                }

                                ul.language-switch  {
                                                    list-style: none;
                                                    border-left: 1px solid rgba(255, 255, 255, 0.3);
                                                    min-width: 60px;
                                                    }

                                                    .language-switch a {
                                                                        color: #fff;
                                                                        font-size: 1.6rem;
                                                                        text-decoration: none;
                                                                        text-transform: uppercase;
                                                                        display: flex;
                                                                        padding: 26px 15px 26px 36px;
                                                                        position: relative;
                                                                        }

                                                                        .language-switch a::before  {
                                                                                                    background: url("../img/icon-earth.png") no-repeat;
                                                                                                    width: 20px;
                                                                                                    height: 20px;
                                                                                                    display: block;
                                                                                                    content: '';
                                                                                                    position: absolute;
                                                                                                    left: 12px;
                                                                                                    top: 28px;
                                                                                                    }

                .top-img    {
                            background-size: cover;
                            background-color: #2a3751;
                            position: relative;
                            }

                .top-img-sub    {
                                max-height: 260px;
                                overflow: hidden;
                                }

                            .top-img img,
                            .top-img-sub img    {
                                                display: block;
                                                width: 100%;
                                                }

                                        .top-txt p  {
                                                    margin: 0;
                                                    }

                            .menu-wrapper .menu-item-wrapper    {
                                                                box-sizing: border-box;
                                                                text-align: center;
                                                                }

                            .menu-wrapper li a:link,
                            .menu-wrapper li a:active,
                            .menu-wrapper li a:visited,
                            .menu-wrapper li.current-menu-item a    {
                                                                    color: #fff;
                                                                    padding: 30px 25px 28px;
                                                                    box-sizing: border-box;
                                                                    text-decoration: none;
                                                                    text-transform: uppercase;
                                                                    text-align: center;
                                                                    }

                            .big-screen.front .menu-wrapper li a:link,
                            .big-screen.front .menu-wrapper li a:active,
                            .big-screen.front .menu-wrapper li a:visited,
                            .big-screen.front .menu-wrapper li.current-menu-item a
                                                                    {
                                                                    display: block;
                                                                    border-right: 1px solid rgba(255, 255, 255, 0.3);
                                                                    }


                                                                    .big-screen.front  .menu-wrapper li:last-child a:link,
                                                                    .big-screen.front  .menu-wrapper li:last-child a:active,
                                                                    .big-screen.front  .menu-wrapper li:last-child a:visited,
                                                                    .big-screen.front  .menu-wrapper li:last-child.current-menu-item a
                                                                                                                {
                                                                                                                border-right: none;
                                                                                                                }

                            .big-screen.sub .menu-wrapper li a:link,
                            .big-screen.sub .menu-wrapper li a:active,
                            .big-screen.sub .menu-wrapper li a:visited,
                            .big-screen.sub .menu-wrapper li.current-menu-item a
                                                                    {
                                                                    padding: 33px 25px 29px;
                                                                    display: inline-block;
                                                                    border-left: 1px solid rgba(255, 255, 255, 0.3);
                                                                    }

                            .menu-wrapper li a:hover span,
                            .big-screen ul li.current_page_item a span,
                            .big-screen ul li.current_page_parent a span,
                            .big-screen ul li.current-menu-item a span,
                            .big-screen ul li.current-products-category-ancestor a span
                                                        {
                                                        border-bottom: 4px solid #fff;
                                                        padding-bottom: 5px;
                                                        }

                            .big-screen ul.menu-wrapper li a span   {
                                                                    white-space: nowrap;
                                                                    }

                                            .search-icon a  {
                                                            border-left: 1px solid rgba(255, 255, 255, 0.3);
                                                            padding: 23px 30% 18px 30%;
                                                            box-sizing: border-box;
                                                            }

                    .content-left   {
                                    box-sizing: border-box;
                                    }

                                    .content-left.sub .entry-content h2 {
                                                                        margin-top: 30px;
                                                                        margin-bottom: -10px;
                                                                        }

                                    .content-left.sub h1    {
                                                            margin-bottom: -10px;
                                                            }

                                    .content-moreref    {
                                                        padding: 24px 0;
                                                        background: #d1dee9;
                                                        color: #2a3751;
                                                        text-align: center;
                                                        box-sizing: border-box;
                                                        display: block;
                                                        text-decoration: none;
                                                        }

                    .content-right  {
                                    background: #3B4E73 url('../img/bg-how.png') no-repeat right;
                                    box-sizing: border-box;
                                    color: #fff;
                                    }

                                    .page-id-30 .content-right  {
                                                                background: #3B4E73 url('../img/bg-startup-dark.png') no-repeat right;
                                                                }

                                    .content-right h3   {
                                                        color: #fff;
                                                        margin-bottom: 15px;
                                                        }

                                    .content-right li   {
                                                        padding: 10px 0 15px;
                                                        }

                                    .contact-info h3    {
                                                        margin-bottom: -16px;
                                                        }

                                    .contact-info a {
                                                    color: #fff;
                                                    text-decoration: none;
                                                    }

                                                    .contact-title  {
                                                                    margin: -15px 0;
                                                                    }

.startup-wrapper    {
                    display: flex;
                    }

                    .startup-cont-left  {
                                        background: #D5563B url('../img/bg-startup.png') no-repeat left top;
                                        padding: 30px 4vw 40px 3vw;
                                        box-sizing: border-box;
                                        color: #fefefe;
                                        line-height: 1.4em;
                                        position: relative;
                                        }

                                        .startup-cont-left h2   {
                                                                color: #fefefe;
                                                                }

                                        .read-more  {
                                                    position: absolute;
                                                    bottom: 15px;
                                                    right: 3vw;
                                                    }

                                                    .read-more a    {
                                                                    color: #fefefe;
                                                                    text-decoration: none;
                                                                    }

                    .startup-cont-right {}


                    .services-wrapper h2    {
                                            margin: 20px 0 -10px;
                                            }

    .box-wrapper    {
                    display: flex;
                    overflow: auto;
                    }

                    article.box {
                                margin-top: 30px;
                                flex-shrink: 0;
                                }

                                article.box:first-child {
                                                        margin-left: 0;
                                                        }

                                article.box a   {
                                                text-decoration: none;
                                                }

                                article.box h3:after    {
                                                        content: '»';
                                                        margin-left: 10px;
                                                        }

                                .entry-wrap     {
                                                background: #D1DEE9;
                                                display: flex;
                                                }

                                                .box-icon   {
                                                            background: #2A3751;
                                                            padding: 14px;
                                                            box-sizing: border-box;
                                                            width: 66px;
                                                            }

                                                            .box-icon img   {
                                                                            max-width: 38px;
                                                                            }

                                                            article.box header.entry-header {
                                                                                            margin: 0 auto;
                                                                                            align-self: center;
                                                                                            }

                                                            article.box header.dont-break-out {
                                                                                                /* These are technically the same, but use both */
                                                                                                overflow-wrap: break-word;
                                                                                                word-wrap: break-word;
                                                                                                /* Adds a hyphen where the word breaks, if supported (No Blink) */
                                                                                                -ms-hyphens: auto;
                                                                                                -moz-hyphens: auto;
                                                                                                -webkit-hyphens: auto;
                                                                                                hyphens: auto;
                                                                                                }

.frontsection-readmore  {
                        text-align: center;
                        padding: 30px 0;
                        }

                            .frontsection-readmore a    {
                                                        text-decoration: none;
                                                        color: #d5563b;
                                                        }

.map-wrapper    {
                background: #2A3751;
                }

                .map-txt    {
                            padding: 30px 3vw;
                            color: #fefefe;
                            align-self: center;
                            }

                            .map-txt a  {
                                        color: #fefefe;
                                        text-decoration: none;
                                        }

                            .map-txt h2 {
                                        color: #fefefe;
                                        }

                .map-img    {
                            padding-right: 3vw;
                            padding-bottom: 40px;
                            padding-left: 2vw;
                            }

                            .map-img img    {
                                            margin: 0 auto;
                                            }

.ref-wrapper    {
                background: #3B4E73;
                margin-top: 4px;
                margin-bottom: 4px;
                color: #fefefe;
                }

                .ref-wrapper h2 {
                                color: #fefefe;
                                margin-top: 5px;
                                margin-bottom: 10px;
                                }

                .quote-wrapper  {
                                border-top: 4px solid #fefefe;
                                }

                                .quotes {
                                        box-sizing: border-box;
                                        display: flex;
                                        flex-wrap: wrap;
                                        }

                                .content-right.sub .quotes  {
                                                            border-bottom: 1px solid #fff;
                                                            padding-bottom: 30px;
                                                            }

                                        .quote-wrapper .quotes:last-child
                                                            {
                                                            border: none;
                                                            }

                                .quote-txt  {
                                            width: 100%;
                                            padding-bottom: 20px;
                                            }

                                            .quote-wrapper .quote-txt p
                                                            {
                                                            margin-top: 0;
                                                            margin-bottom: 0;
                                                            }

                                            .quote-readmore {
                                                            margin-bottom: 10px;
                                                            margin-top: 10px;
                                                            color: #fff;
                                                            text-decoration: none;
                                                            display: block;
                                                            }


                                .quote-logo {
                                            width: 30%;
                                            max-width: 160px;
                                            align-self: flex-end;
                                            }

                                .quote-info {
                                            width: 70%;
                                            padding-left: 2%;
                                            box-sizing: border-box;
                                            }

                                            .ref-wrapper .quote-info,
                                            .content-quote-wrapper .quote-info,
                                            .content-right.sub .quote-info      {
                                                                                align-self: flex-end;
                                                                                }

                                            .content-left.sub .quote-info   {
                                                                            align-self: center;
                                                                            }

                .quote-wrapper a    {

                }

.member-of-wrapper  {
}

    .member-of-content  {
        display: flex;
        margin: 0 auto;
        max-width: 1170px;
        align-items: center;
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

        .member-of-img  {
            padding: 2rem 3rem;
            max-width: 10rem;
            min-width: 10rem;
        }

.main-footer    {
                background: #2A3751;
                padding: 20px 3vw;
                }

                .footer-address,
                .footer-address a   {
                                    color: #fff;
                                    text-decoration: none;
                                    }

                .footer-contact p:first-child
                                    {
                                    margin-bottom: -15px;
                                    }

                .footer-contact .contact-title
                                {
                                display: none;
                                }

                .footer-logotype    {
                                    width: 30%;
                                    max-width: 280px;
                                    min-width: 240px;
                                    align-self: flex-end;
                                    margin-bottom: 10px;
                                    }

/* Referens - fullwidth */

                .content-quote-wrapper .quotes  {
                                                box-sizing: border-box;
                                                }

                                                .content-quote-wrapper .quotes:nth-child(3n+1)  {
                                                                                                background: #D1DEE9;
                                                                                                color: #2a3751;
                                                                                                }

                                                .content-quote-wrapper .quotes:nth-child(3n+2)  {
                                                                                                background: #2a3751;
                                                                                                color: #fefefe;
                                                                                                }

                                                .content-quote-wrapper .quotes:nth-child(3n+3)  {
                                                                                                background: #3B4E73;
                                                                                                color: #fefefe;
                                                                                                }

/* Tjänster - fullwidth */

.sub-boxes-fullwidth-txt    {
                            margin-bottom: 40px;
                            max-width: 1040px;
                            }

                            .sub-boxes-fullwidth-txt h1 {
                                                        margin-bottom: -10px;
                            }

                            .service    {
                                        margin-bottom: 3%;
                                        background: #d1dee9;
                                        box-sizing: border-box;
                                        }

                                        article.service header  {
                                                                display: flex;
                                        }

                                        article.service h2  {
                                                            align-self: flex-end;
                                                            line-height: 1.1em;
                                                            margin-bottom: 3px;
                                        }

                            .service-icon   {
                                            background: #2a3751;
                                            padding: 10px;
                                            box-sizing: border-box;
                                            width: 60px;
                                            min-width: 60px;
                                            margin-right: 10px;
                                            align-self: baseline;
                            }

                            .service .entry-content {
                                                    border-top: 1px solid #2A3751;
                                                    margin-top: 10px;
                                                    }

/* Mobile menu slide-in */

#slideshow  {
            position: relative;
            width: 100%;
            }

#slideshow > div    {
                    position: absolute;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    background-size: cover;
                    background-position: center;
                    }

.sidenav    {
            height: 100%;
            width: 0;
            position: fixed;
            z-index: 1;
            top: 0;
            right: 0;
            background-color: #2A3751;
            overflow-x: hidden;
            transition: 0.5s;
            padding-top: 60px;
            }

.sidenav a, .sidenav a:link, .sidenav a:visited, .sidenav a:active
            {
            text-decoration: none;
            color: #ececec;
            transition: 0.3s
            }

.sidenav a:hover, .offcanvas a:focus
            {
            color: #D5563B;
            }

.sidenav .closebtn
            {
            position: absolute;
            top: 10px;
            right: 25px;
            margin-left: 50px;
            }

.nav-sub    {
            cursor: pointer;
           position: absolute;
            right: 31px;
            }

            .sidenav ul {
                        list-style: none;
                        padding: 0 3vw;
                        }

                        .sidenav ul li  {
                                        border-bottom: 2px solid #d1dee9
                                        }

                        .sidenav ul li a    {
                                            display: block;
                                            padding: 12px 0 12px 10px;
                                            }

/* COOKIE CONSENT */

.cc-revoke.cc-top   {
                    display: none;
                    }

/* GOOGLE MAPS */

.google-maps    {
                position: relative;
                margin-bottom: 25px;
                }

                .google-maps iframe {
                                    position: absolute;
                                    top: 0;
                                    left: 0;
                                    width: 100% !important;
                                    height: 100% !important;
                                    }

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.entry-content ul,
.entry-content ol   {
                    margin-left: 30px;
                    }

.image > img    {
                display: block;
                width: 100%;
                height: auto;
                }

                @supports (object-fit: cover) {

                        .image  {
                                position: relative;
                                }

                        .image::before  {
                                        content: '';
                                        display: block;
                                        width: 100%;
                                        height: 0;
                                        padding-top: 48%;
                                        }

                        .image > img    {
                                        width: 100%;
                                        height: 100%;
                                        object-fit: cover;
                                        position: absolute;
                                        top: 0;
                                        left: 0;
                                        right: 0;
                                        bottom: 0;
                                        }

                        @media (min-width: 980px)   {

                                                    .top-img.image::before  {
                                                                            padding-top: 36%;
                                                                            }

                                                    .startup-cont-right.image::before  {
                                                                                        padding-top: 66%;
                                                                                        }
                                                    }
                    }



@media all and (min-width: 1520px){

    .startup-cont-right {
                        max-height: 360px;
                        }


                    .contact-wrap:first-child   {
                                                margin-bottom: 30px;
                                                }


                    .contact-info   {
                                    padding-left: 3%;
                                    }


}

@media all and (min-width: 1370px){

    .mobile-menu-container.sub  {
                                display: none;
                                }

}

@media all and (max-width: 1520px) and (min-width: 980px){

    .contact-wrap:first-child   {
                                margin-bottom: 30px;
                                }

}

@media all and (min-width: 980px){

    .mobile-menu-container.front    {
                                    display: none;
                                    }

    .big-screen.sub .menu-home-hide a   {
                                        border-right: 1px solid rgba(255, 255, 255, 0.3);
                                        }

                    .top-txt    {
                                position: absolute;
                                top: 16vw;
                                right: 35vw;
                                width: 29%;
                                color: #2A3751;
                                text-shadow: -1px -1px 0 rgba(209,222,233,0.3),1px -1px 0 rgba(209,222,233,0.3),-1px 1px 0 rgba(209,222,233,0.3),1px 1px 0 rgba(209,222,233,0.3);
                                }

                    .top-txt-alttwo {
                                    position: absolute;
                                    top: 15%;
                                    right: 3vw;
                                    width: 35%;
                                    color: #2A3751;
                                    }

                                    .top-txt-alttwo span.top-header {
                                                                    line-height: 1rem;
                                                                    }

                                .toptxt-left    {
                                                text-align: left;
                                                }

                                .toptxt-center  {
                                                text-align: center;
                                                }

                                .toptxt-right   {
                                                text-align: right;
                                                }

                                span.top-header {
                                                line-height: 0.7em;
                                                }

                    .big-screen.front   {
                                        margin: 0 2vw 0;
                                        background: #2A3751;
                                        position: absolute;
                                        width: 96%;
                                        bottom: -25px;
                                        }

                    .big-screen.sub {
                                    min-width: 70%;
                                    text-align: right;
                                    }

                                nav.big-screen.front ul {
                                                        display: flex;
                                                        }

                                nav.big-screen.front ul li  {
                                                            list-style: none;
                                                            flex: 1;
                                                            }

                                nav.big-screen.sub ul li    {
                                                            list-style: none;
                                                            display: inline;
                                }

    .news   {
            padding: 40px 60px;
    }

    .main-wrapper   {
                    display: flex;
                    }

                    .content-right.sub img.sidebar-img
                                            {
                                            width: 100%;
                                            }

    .main-wrapper-fullwidth {
                            padding-top: 50px;
                            padding-left: 2vw;
                            padding-right: 2vw;
                            padding-bottom: 30px;
                            }

    .services-wrapper   {
                        margin: 0 3vw;
                        }

                        .content-left,
                        .startup-cont-left  {
                                            width: 64%;
                                            }

                                            .startup-cont-right.image   {
                                                                        background: #d5563b;
                                                                        }

                                            .startup-cont-left  {
                                                                display: flex;
                                                                }

                                            .startup-cont-txt   {
                                                                align-self: center;
                                                                }

                        .content-right,
                        .startup-cont-right {
                                            width: 36%;
                                            }

                        .content-left   {
                                        padding: 50px 3vw 30px;
                                        min-height: 450px;
                                        }

                                        .content-right.front,
                                        .content-right.sub .contact-wrapper,
                                        .content-right-innerblock
                                                            {
                                                            padding: 55px 3.5vw 30px;
                                                            }

                    article.box {
                                width: 29.4%;
                                margin-left: 2.8%;
                                }

    .map-wrapper    {
                    display: flex;
                    }

                    .map-txt    {
                                width: 40%;
                                }

                    .map-img    {
                                width: 60%;
                                padding-top: 40px;
                                }

    .ref-wrapper    {
                    padding: 20px 2vw 0;
                    }

                    .quote-wrapper  {
                                    display: flex;
                                    margin: 0 -2vw;
                                    }

                                    .quote-wrapper .quotes
                                            {
                                            width: 33.4%;
                                            border-right: 1px solid #fff;
                                            padding: 0px 2vw;
                                            margin: 25px 0;
                                            }

    .main-footer    {
                    display: flex;
                    justify-content: space-between;
                    }

                    .footer-address {
                                    display: flex;
                                    align-items: flex-end;
                                    width: 130%;
                                    }

                                    .footer-address span:nth-child(2)   {
                                                                        margin-left: 2%;
                                                                        margin-right: 2%;
                                                                        }

/* Referens - fullwidth */

    .content-quote-wrapper .quotes  {
                                    padding: 10px 30px 30px;
                                    }

}

/* Contact - sidebar */
.contact-wrap img   {
    margin: 0 auto;
    }

.contact-info   {
text-align: center;
}


@media all and (max-width: 980px) and (min-width: 690px){

    .contact-wrap   {
    width: 45%;
    }
}

@media all and (min-width: 690px){
/* front - box */

    article.box h3  {
                    margin-left: 1vw;
                    margin-right: 1vw;
                    }

/* Referens - fullwidth */

.content-quote-wrapper  {
                        display: flex;
                        flex-wrap: wrap;
                        }

                        .content-quote-wrapper .quotes  {
                                                        width: 48.5%;
                                                        margin-bottom: 3%;
                                                        }

                        .content-quote-wrapper .quotes:nth-child(2n+1)
                                                        {
                                                        margin-right: 3%;
                                                        }

/* Tjänster - fullwith */

.content-services-wrapper   {
                            display: flex;
                            flex-wrap: wrap;
                            }

                        .content-services-wrapper .service:nth-child(2n+1)   {
                                                    margin-right: 3%;
                                                    }

                            .service    {
                                        width: 48.5%;
                                        padding: 30px 30px 20px;
                                        }


.member-of-txt  {
    padding-right: 3rem;
}

}

@media all and (max-width: 1370px){

    nav.big-screen.sub  {
                        display: none;
                        }

    .mobile-menu-container.sub  {
                                align-self: center;
                                padding-right: 1vw;
                                margin-top: 3px;
                                }

}

@media all and (max-width: 980px){

    .news   {
             padding: 15px 25px 30px;
}

    .mobile-menu-container.front    {
                                    align-self: center;
                                    margin-top: 3px;
                                    }


                                    .front ul.language-switch   {
                                                                margin-left: 10px;
                                                                }

    .top-txt,
    .top-txt-alttwo     {
                        color: #fff;
                        padding: 20px 3vw;
                        top: 100%;
                        background: #2A3751;
                        width: 100%;
                        box-sizing: border-box;
                        }

    .big-screen {
                display: none;
                }

                .box-wrapper    {
                                -webkit-overflow-scrolling: touch;
                                }

                article.box {
                            width: 90.4%;
                            margin-left: 3.8%;
                            }

    .main-wrapper-fullwidth {
                            padding-top: 20px;
                            padding-left: 3vw;
                            padding-right: 3vw;
                            padding-bottom: 30px;
                            }

                .content-left   {
                                padding: 30px 4vw 30px;
                                }

                .content-right.front,
                .content-right.sub .contact-wrapper,
                .content-right-innerblock   {
                                            padding: 30px 3.5vw 30px
                                            }

                                .contact-wrapper    {
                                                    display: flex;
                                                    justify-content: space-around;
                                                    }


.startup-wrapper    {
                    flex-direction: column;
                    }

.services-wrapper   {
                    margin: 0 4vw;
                    }

                    .startup-cont-left  {
                                        order: 2;
                                        }

.ref-wrapper    {
                padding: 20px 4vw 0;
                }

                .quote-wrapper .quotes
                        {
                        border-bottom: 1px solid #fff;
                        padding: 30px 2vw;
                        }

.dont-break-out {
                /* These are technically the same, but use both */
                overflow-wrap: break-word;
                word-break: break-word;

                /* Adds a hyphen where the word breaks, if supported (No Blink) */
                -ms-hyphens: auto;
                -moz-hyphens: auto;
                -webkit-hyphens: auto;
                hyphens: auto;
                }

 /* Referens - fullwidth */
 .content-quote-wrapper .quotes  {
                                padding: 1vw 4vw 4vw;
                                margin-bottom: 30px;
                                }

                                .content-quote-wrapper .quotes:last-child
                                                    {
                                                    margin-bottom: 0;
                                                    }

}

@media all and (max-width: 690px){

    .header-logo img    {
                        max-width: 85%;
                        }

                        article.box h3  {
                                        margin-left: 2vw;
                                        margin-right: 2vw;
                                        }

/* Tjänster - fullwidth */

.service    {
            padding: 4vw 4vw 2vw;
            }

/* Första sida */
.member-of-content  {
    flex-direction: column;
}

    .member-of-txt  {
        margin: 0 auto;
        width: 90%;
        box-sizing: border-box;
    }


/* Sidebar - contact */
    .contact-wrapper    {
        flex-direction: column;
    }

        .contact-wrap:first-child   {
            margin-bottom: 40px;
        }

}