@media (max-width: 800px) {
    header {

        background: #000;
    }

    h1 {
        font-size: 55px;
    }

    .header--burgermenu {
        display: block;
    }

    #logging {
        display: none;
    }
}


@media (max-width: 600px) {
    header {
        padding: 5px 15px;
    }

    h1 {
        font-size: 35px;
    }

    .header--burgermenu i {
        font-size: 30px;
        color: white;
        cursor: pointer;
    }
}

@media (max-width: 400px) {

    header {
        padding: 5px 15px;
    }

    header>img {
        width: 50px;
    }

    h1 {
        font-size: 25px;
    }

    .header--burgermenu i {
        font-size: 30px;
        color: white;
        cursor: pointer;
    }
}