* {
    padding: 0;
    margin: 0;
    font: inherit;
}

.content {
    padding: 2rem;
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    color: #777;
    font-size: 1.0rem;
}
   
header {
    padding: 0 !important;
}

img {
    max-width: 100%;
}

header img {
    width: 100%;
    height: auto;
}

@media (min-width: 800px) {
    
    kontener {
        display: flex;
        flex-flow: column;
        width: 100%;
        align-items: center;
        justify-content: center;
    }

    .content {
        padding: 2rem;
        width: 800px;
    }
       
    header {
        padding: 0 !important;
    }
    
    img {
        width: unset;
    }
  }