@media screen and (max-width:991px){
    #header{
        width:100%;
        /*    top, right, bottom, left */
        padding: 15px 0 15px 0;
    }
    #headerLeft{
        width:59%;
        display:inline-block;
    }
    #headerRight{
        width:40%;
        display:inline-block;
    }
    #container{
        width:100%;
    }
    #containerLeft{
        width:20%;
    }
    #containerRight{
        width:80%;
    }
}


@media screen and (max-width:767px){
    #header{
        width:100%;
        /*    top, right, bottom, left */
        padding: 15px 10px 20px 10px;
    }
    #headerLeft{
        width:100%;
        display:inline-block;
    }
    #headerRight{
        width:100%;
        display:inline-block;
    }

    #toogleNavigation{
        display:flex;
        margin-bottom: -15px;
    }


    #container{
        width:100%;
    }
    #containerLeft{
        width:100%;
    }
    #containerRight{
        width:100%;
    }
    #footer{
        width:100%;
    }
    #headerPictureLeft{
        display:none;
    }
    #headerPictureRight{
        display:none;
    }
    #headerName{
        display:none;
    }

    #date{
        display:none;
    }
}