body {
    position: fixed;
    margin: 0 auto;
    padding: 0;
    font-family: "Arial";
    background: #fff;
    height: 100%;
    width: 100%;
}

#content_top {
    height: 15%;
    width: 100%;
    background: url("logo.png") center center no-repeat #000;;
}

a {
    text-decoration: none;
    color: #000;
}

h1 {
    text-align: center;
    font-size: 3em;
    margin: 0;
    padding: 0;
}

h2 {
    text-align: center;
    font-size: 2em;
    margin: 0;
    padding: 0;
}

#content_bg {
    background: url("bg.jpg") center center no-repeat;
    background-size: contain;
    height: 55%;
}

.left {
    width: 50%;
    float: left;
    height: 100%;
}

.right {
    width: 50%;
    float: right;
    height: 100%;
}

.black_shadow {
    width: 50%;
    height: 60px;
    background: rgba(0, 0, 0, 0.8);
    position: relative;
    top: 40%;
    color: #fff;
    font-size: 24px;
    text-align: center;
    float: left;
}

#klick {
    position: relative;
    right: 20px;
}

#name {
    position: relative;
    top: -65px;
    right: -10px;
}

.black_shadow p {
    background: green;
    height: 15px;
    width: 15px;
    position: relative;
    border-radius: 50%;
    top: -20px;
    right: -20px;
}

.black_shadow2 {
    width: 50%;
    height: 60px;
    background: rgba(0, 0, 0, 0.8);
    position: relative;
    top: 40%;
    color: #fff;
    font-size: 24px;
    text-align: center;
    float: right;
}

#klick2 {
    position: relative;
    right: 20px;
}

#name2 {
    position: relative;
    top: -65px;
    right: -10px;
}

.black_shadow2 p {
    background: green;
    height: 15px;
    width: 15px;
    position: relative;
    border-radius: 50%;
    top: -20px;
    right: -20px;
}

#content_bottom {
    color: #fff;
    background: #2ba802;
    text-align: center;
    padding: 5px;
    font-size: 24px;
}

#content_bottom strong {
    font-size: 30px;
}

#bottom {
    text-align: center;
    margin: 10px 0px;
    text-decoration: none;
    cursor: pointer;
}

@media screen and (max-width: 767px) {
    h1 {
        font-size: 2.3em;
    }

    h2 {
        font-size: 1.8em;
    }

    #content_bg {
        background-size: 170%;
    }

    .black_shadow {
        font-size: 16px;
        width: 70%;
        height: 50px;
    }

    .black_shadow2 {
        font-size: 16px;
        width: 70%;
        height: 50px;
    }

    #klick {
        right: 10px;
        top: 5px;
    }

    #name {
        top: -35px;
        right: -10px;
    }

    .black_shadow p {
        height: 10px;
        width: 10px;
        top: -5px;
        right: -10px;
    }

    #klick2 {
        right: 10px;
        top: 5px;
    }

    #name2 {
        top: -35px;
        right: -10px;
    }

    .black_shadow2 p {
        height: 10px;
        width: 10px;
        top: -5px;
        right: -10px;
    }

    #content_bottom {
        padding: 2px;
        font-size: 20px;
    }

    #content_bottom strong {
        font-size: 24px;
    }
}