img.responsive {
    width:100%;
    height: auto;
    float: left;
}
.clear {
    clear: both;
}
.btn {
    background-color: #37B04A;
    border: 0px solid #18ab29;
    border-radius: 28px;
    color: #ffffff !important;
    cursor: pointer;
    display: inline-block;
    font-size: 17px;
    padding: 16px 0%;
    text-align: center;
    text-decoration: none;
    width: 100%;
    margin: 0 0 .8em 0;
}
.btn-mail {
    background: #666;
}

.block {
    margin-bottom: 5%;
}

@media screen and (min-width: 769px) {
    #mobil {
        display: none;
    }
}
@media screen and (max-width: 768px) {
    body {
        margin: 0;
    }
    #nobil {
        display: none;
    }
    #mobil {
        display: block;   
    }  
    #wrapper, #head {
        width: 100%;
        height: auto;
    }
    #nav, #content, #kon {
        width: 96%;
        padding: 2%;
        height: auto;
    }

    #head img {
        width:100%;
        height: auto;
        float: left;
    }
    #logo, #nav, #content, #kon {
        position: static;
        float: left;
    }
    #logo {
        float: left;
        margin: -50px 0;
        position: relative;
        top: -41px;
        z-index: 999;
    }
    
    iframe {width: 100%;}
    
}

/* smartphones */
@media only screen and (max-width: 480px) {

}

/* smartphones */
@media only screen and (min-width: 480px) {

}