@media(max-width: 1030px) {
    nav#actions-sidebar {
        padding:0;
        max-height:200px;
        overflow-y:auto;
    }

    .summary {
        top:unset;
        bottom:0;
        left:0;
        max-height:40%;
        max-width:16.66667%;
        overflow-y:auto;
    }
}
@media(max-width: 720px) {
    .summary {
        top:0;
        left:1px;
        right: 1px;
        width:95%;
        background:white;
        display:flex;
        flex-wrap:wrap;
        max-width:unset;
        bottom:unset;
        z-index:20;
        justify-content:space-around;
        padding:1%;
        box-shadow: 2px 2px 1px black;
        border: 1px solid black;
        margin:auto;

    }
    header#banniere {
        position:absolute;
        top:-2rem;
    }
    .summary button {
        flex-basis:80%;
    }
    .summary div {
        padding:2px;
    }
    nav#actions-sidebar ul {
        margin-top:0;
        padding-top:0;
    }
    div.index {
        padding-top:0;
    }
    nav#actions-sidebar.bonuser  {
        margin-top:8rem;
    }
    nav#actions-sidebar ul li {
        display:inline-block;

    }
    nav#actions-sidebar ul li.heading {
        display:none;
    }


    #burgermenu {
        display:flex;
    }
    ul#main-menu {
        display:none;
        position:fixed;
        top:0;
        left:0;
        height:100%;
        width:100%;
        margin:0;
        z-index:3000;
        flex-direction:column;
        background:#5FB7D3;
    }

    div.close {
        display:block;
        position:absolute;
        top:1%;
        right:2%;
        z-index:2000;
        cursor:pointer;
        font-size:larger;
    }
}


@media(max-width: 526px) {
    nav#actions-sidebar.bonuser  {
        margin-top:10rem;
    }
}

@media(max-width: 340px) {
    nav#actions-sidebar.bonuser  {
        margin-top:2rem;
    }
}