@media screen and (max-width: 600px) {
    .topnav a:not(:first-child) {
        display: none;
    }

    .topnav a.icon {

        display: block;
        margin: 2px;
    }
}

@media screen and (max-width: 600px) {
    .topnav.responsive {
        float: left;
    }

    .topnav.responsive a {

        display: block;
    }

    .topnav.responsive a:not(:first-child) {


    }
}

@media screen and (max-width: 600px) {

    #page_layout {

        width: 100%;
    }

    #barDeNav {

        width: max-content;
    }

    #bogart {

        display: none;
    }

    .adolf {

        display: none;

    }

    .judas {

        display: none;

    }
}

@media screen and (max-width: 1055px) {}