* {
        box-sizing: border-box;
    }

    body {
        font-family: 'Oswald', sans-serif;
        background: url(img/Sigmund_Freud.jpg);
        background-color: #92686a;
        background-blend-mode: overlay;
        background-position: center top;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .logo,
    .titel-1,
    .titel-2,
    .titel-3,
    .barcode,
    .sigismund,
    .header {
        text-transform: uppercase;
        color: white;
    }

    .never,
    .deep,
    .humble,
    .dad,
    .freudian {
        font-family: 'Open Sans', sans-serif;
    }

    .never,
    .deep {
        background-color: #92686a;
        color: white;
    }

    .humble,
    .dad,
    .freudian {
        background-color: #fff;
    }

    h1 {
        font-size: 1em;
    }

    p {
        line-height: 1.7;
        font-size: 0.7em;
    }

    h3 {
        font-size: 1.5em;
    }

    h4 {
        font-size: 1.17em;
    }

    h1,
    h2,
    h3,
    h4 {
        margin: 0;
    }

    div {
        padding: 0.8em;
    }

    .logo h2 {
        font-size: 3em;
        margin-bottom: 0;
        font-weight: 400;
    }

    .logo span {
        color: salmon;
    }

    .logo p {
        margin-top: 0;
        font-size: 0.4em;
        letter-spacing: 0.5em;
        max-width: 15em;
    }

    .barcode {
        border: 0.15em #fff solid;
        padding: 1em;
        margin-bottom: 6.5em;
    }

    .barcode img {
        height: 3em;
        margin: 1em 0;
    }

    .barcode p {
        text-transform: lowercase;
        font-style: italic;
        margin: 0;
    }

    .header h1 {
        font-size: 4em;
        font-weight: normal;
        line-height: 1em;
    }

    .sigismund {
        font-size: 1.8em;
        margin: 0.5em;
        padding: 0.5em 2em 0 0;
        line-height: 1.3;
        border-top: 2px solid white;
        border-bottom: 2px solid white;
    }

    .sigismund p {
        margin: 0;
    }

    @media(min-width:768px) and (max-width:1200px) {

        p {
            font-size: 1em;
        }

        div {
            padding: 1.2em;
        }

        .header h1 {
            font-size: 5em;
        }

        .sigismund {
            padding: 0.5em 4em 0.5em 0;
        }
    }

    @media(max-width:768px) {

        p {
            font-size: 1.2em;
        }

        div {
            padding: 1.5em;
            max-width: 220px;
        }

        .logo span {
            color: salmon;
        }

        .header h1 {
            font-size: 5em;
        }

        .sigismund {
            font-size: 1.8em;
            margin-bottom: 2em;
            margin-left: .8em;
            margin-right: .8em;
            padding: 0.5em 2em 0.5em 0;
        }
    }