.fake.carousel, .shortcuts {
    display: inline-block;
    width: 49.25%;
    vertical-align: top;
    background-size: cover;
    margin-top: 1.32em;
}

.about-and-shortcuts, .about, .shortcuts {
    contain: content;
}

.section {
    contain: content;
}

.sub-section {
    contain: content;
}

.contentArea {
    contain: content;
}

.shortcuts {
    margin-right: 0.75%;
    position: relative;
}

/*news item ska kanske tas bort härifrån*/
.about:hover a, .about:hover .intro, .news-item p:hover {
    text-decoration: underline;
}



.about, .shortcuts {
    display: inline-block;
    vertical-align: top;
    width: 49.25%;
    margin: 0;
    margin-top: 1px;
}

.about {
    margin-left: 0.75%;
}

.banner {
    margin: 0 0.75%;
    width: 98.5%;
}


.about .heading, .shortcuts .heading {
    margin-top: 3.82em;
}

.about .heading {
    line-height: 1.42;
}

.about .intro {
    color: white;
    font-family: 'Crimson Text';
    font-size: 3.125em;
    margin: 0.58em 0.75em 0.1em;
    text-shadow: 0.03em 0.03em 0.03em var(--color-black);
    line-height: 1.2;
    font-weight: 400;
}

.about a {
    color: white;
    text-decoration: underline;
    margin-left: 2em;
    font-size: 1.185em;
    font-weight: 300;
    line-height: 1.22;
}

.shortcuts ul {
    display: inline-block;
    max-width: 100%;
    max-width: 19.6em;
    text-align: left;
}

.shortcuts .heading {
}

.shortcuts .inner {
    text-align: right;
}

.shortcuts > .inner > .links-area {
    display: inline-block;
    width: 100%;
    max-width: 19.6em;
    text-align: left;
}

.shortcuts ul {
    display: inline-block;
    text-align: right;
    margin: 1.4em 0 0 0;
}

.shortcuts li {
    background-color: hsla(189, 0%, 14%, 0.5);
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-right: none;
    display: inline-block;
    width: 100%;
    padding: 0.0em 1.2em 0 0;
    padding: 0.0em 0 0 0;
    margin: 0.2em 0 0.25em;
    position: relative;
    text-align: left;
}

.shortcuts a {
    color: white;
    padding: 0.265em 0 0.38em 0.64em;
    font-family: 'Crimson Text';
    font-size: 1.5em;
    display: inline-block;
    margin-right: 2.4em;
    margin-right: 0;
    letter-spacing: 0.02em;
    font-weight: 500;
    padding-right: 1.8em;
}

    .shortcuts a:hover, .shortcuts a:focus {
        background: rgba(0,0,0,0.9);
        width: 100%;
    }

    .shortcuts a::after {
        content: '\f105';
        font-family: 'font-awesome';
        margin-left: 0.25em;
        position: absolute;
        right: 0.6em;
        font-size: 0.9125em;
        line-height: 1.9em;
    }


.top.white.section {
    contain: initial;
}


.grey.section > .content {
    position: relative;
}

.additional-news-links {
    display: none;
}

.with-graph .graph, .with-graph p {
    display: inline-block;
    vertical-align: top;
    width: 50%;
}

@media screen and (max-width: 1260px) {


    .playing a.play, .playing .heading {
        display: none;
    }

    a.play {
        position: absolute;
        top: 8em;
        left: 45%;
        text-decoration: none;
        z-index: 2;
    }

        a.play::before {
            font-size: 5em;
            font-family: 'font-awesome';
            content: '\f01d';
            color: white;
            text-shadow: 0 0 0.1em var(--color-black);
            text-indent: -0.5em;
        }

    .contentArea {
        width: 48.5%;
        margin: 1.82em 0.75%;
        display: inline-block;
        vertical-align: top;
    }

        .contentArea > div {
            width: 100%;
            margin-bottom: 1em;
        }

    .lediga-jobb {
        max-width: 100%;
    }


    @media screen and (max-width: 1260px) {
        .heading {
            font-size: 1.2345678vw;
        }
    }

    @media screen and (max-width: 640px) {

        .contentArea {
            width: 98.5%;
            max-width: 98.5%;
        }

        .about-and-shortcuts > div {
            width: 98.5%;
            margin: 0 0.75%;
        }

        body .layered .inner, .heading {
            font-size: 2.47vw;
        }
    }


    @media screen and (max-width: 600px) {

        .about-and-shortcuts > div {
            margin: 0;
            width: 100%;
        }

        .about.inner h1 {
            margin: 0.58em 1.26em 0.65em 0.96em;
            font-size: 2.92em;
            letter-spacing: 0.012em;
            word-spacing: -0.016em;
            line-height: 1.18;
        }

        .about {
        }

            .about a {
                font-size: 1.88em;
                margin: 1.6em 0 0.2em 1.48em;
                letter-spacing: 0.0199em;
            }

            .about .inner {
                position: relative;
                z-index: 1;
                padding-bottom: 12.26em;
            }

            .about img {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                z-index: 0;
            }



        .contentArea {
            margin: 0 0 0.1em 0;
            width: 100%;
            max-width: 100%;
        }

            .contentArea .inner .description {
                font-size: 2.84em;
                margin: 0.59em 4em 0px 0.78em;
                line-height: 1.15;
                letter-spacing: 0.005em;
            }

            .contentArea .inner .more-link {
                font-size: 1.79em;
                font-weight: 500;
                margin: 0.60em 0 0 1.26em;
            }

        .bottom.white.section {
            padding-bottom: 0;
        }

        .about {
            inte-display: none;
        }
    }

    @media screen and (max-width: 440px) {
        .shortcuts {
            background: var(--color-black);
        }

            .shortcuts img {
                visibility: hidden;
                display: none;
            }

            .shortcuts > .inner > .links-area {
                max-width: 100%;
            }

            .shortcuts ul {
                display: block;
                max-width: 100%;
                margin: 0.95em 0.65em 1.23em 0.6em;
                margin: 0.95em 0.65em 1.084em 0.6em;
                font-size: 1.8em;
            }

            .shortcuts .inner {
                position: static;
            }

            .shortcuts li {
                border-right: 1px solid rgba(255, 255, 255, 0.5);
                padding: 0em 0 0px 0px;
                margin: 0.2em 0px 0.35em;
            }

            .shortcuts a {
                padding: 0.32em 0.0em 0.42em 0.7em;
                font-size: 1.4em;
                letter-spacing: 0.032em;
                display: inline-block;
                width: 100%;
            }

                .shortcuts a:hover {
                    background: #333;
                }

                .shortcuts a::after {
                    line-height: 1.72;
                    right: 0.72em;
                }


            .shortcuts ul {
                font-size: 1.2em;
            }
    }
}
}