@font-face{
    font-family:"LinotypeUniversW01-Ligh_723631";
    src:url("../fonts/df87702f-a933-4d3a-b9d9-4ae72506ae9d.eot?#iefix");
    src:url("../fonts/df87702f-a933-4d3a-b9d9-4ae72506ae9d.eot?#iefix") format("eot"),url("../fonts/a84a4c95-eec7-4dda-b4f9-eef86c2f79b6.woff2") format("woff2"),url("../fonts/e4ae19e7-c510-4127-837d-8f218498da93.woff") format("woff"),url("../fonts/6fdd43a7-c877-42cb-8a63-d81872f46de8.ttf") format("truetype"),url("../fonts/9da52489-293c-462c-b4c9-1fd1b464c454.svg#9da52489-293c-462c-b4c9-1fd1b464c454") format("svg");
}
@font-face{
    font-family:"LinotypeUniversW01-Regu";
    src:url("../fonts/c14b251f-80d3-4415-8d21-b2868dea7a9b.eot?#iefix");
    src:url("../fonts/c14b251f-80d3-4415-8d21-b2868dea7a9b.eot?#iefix") format("eot"),url("../fonts/9c805799-5196-4294-93d5-2cb1ee50a286.woff2") format("woff2"),url("../fonts/78c7a8d2-8a85-47a5-8c13-049c7b18c9c0.woff") format("woff"),url("../fonts/02e005e1-ac11-49f9-b290-ee01bad12606.ttf") format("truetype"),url("../fonts/c37183cf-3e94-42b3-a71b-75ba616287d7.svg#c37183cf-3e94-42b3-a71b-75ba616287d7") format("svg");
}



* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.wrapper {
    margin: 0 auto;
}

.introImg {
    position: relative;
    height: 539px;
    background: url(../images/forsatIntroSmall1.jpg) no-repeat left center;
}

.introImg img {
    width: 100%;
    height: auto;
}

.introImg img {
    display: none;
}

a,
p {
    position: absolute;
    font-family: 'LinotypeUniversW01-Regu';
    font-size: 28px;
    line-height: 35px;
    color: white;
    text-decoration: none;
}

a {
    -webkit-transition: color 0.5s;
    transition: color 0.5s;
}

a:hover {
    color: black;
}

p,
.afsane,
.henrik {
    left: 25px;
}

p {
    bottom: 70%;
}

.afsane {
    bottom: 34%;
}

.henrik {
    top: 71%;
}


@media (min-width: 480px) {
.introImg {
    background: url(../images/forsatIntroSmall2.jpg) no-repeat left center;
}

    p,
    .afsane,
    .henrik {
        left: 158px;
    }
}


@media (min-width: 760px) {
    .wrapper {
        max-width: 760px;
        padding: 0 60px 40px 0;
        background-color: #c9bdad;
    }
}



@media (min-width: 970px) {
    .wrapper {
        max-width: 970px;
    }

    .introImg {
        height: 100%;
    }

    .introImg img {
        display: block;
    }

    p,
    .henrik {
        text-align: right;
        left: auto;
        right: 475px;
    }

    p {
        bottom: 390px;
    }

    .afsane {
        left: 475px;
        bottom: 240px;
    }

    .henrik {
        top: 365px;
    }
}



@media (min-width: 1280px) {
    .wrapper {
        max-width: 1280px;
    }

    a,
    p {
        font-family:"LinotypeUniversW01-Ligh_723631";
        font-size: 54px;
        line-height: 60px;
    }

    p,
    .henrik {
        left: auto;
        right: 620px;
    }

    p {
        bottom: 515px;
    }

    .afsane {
        left: 630px;
        bottom: 310px;
    }

    .henrik {
        top: 480px;
    }
}





/* font smoothing */

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    outline: none !important;
}