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

    /******************
       Navbar - Menu
    *******************/
    .navbar {
        position: relative;
    }
    .menu {
        display: none;
    }
    .logo {
        margin: 0;
        text-align: center;
    }

    /*********************************
       Header - Bares e Restaurantes
    **********************************/
    .header {
        padding-top: 10px;
    }

    .headline {
        flex: 100%;
        margin: 5%;
        text-align: center;
    }

    .headline span .barRest {
        width: auto;
    }

    .headline li {
        text-align: center;
    }

    .img-headline {
        text-align: center;
        margin: 0;
        width: 100%;
    }

    /*********************************
       Link - Autoatendimento
    **********************************/
    .linkAuto {
        /* padding-top: 10px; */
        margin-top: 30px;
    }

    .autoHeadline {
        flex: 100%;
        margin: 5%;
        text-align: center;
    }

    .autoHeadline span .barRest {
        width: auto;
    }

    .autoHeadline li {
        text-align: center;
    }

    .img-headline {
        text-align: center;
        margin: 0;
        width: 100%;
    }

    /******************
        Link Garçom
    *******************/

    .img-Garcom {
        margin: 0;
        text-align: center;
        width: 100%;
    }

    .garcomHeadline {
        flex: 100%;
        margin: 5%;
        text-align: center;
    }

    .garcomHeadline li{
        text-align: center;
    }

    .garcomHeadline span .barRest {
        width: auto;
    }

    /************
        Cards
    *************/
    
    .card {
        width: 100%;
    }

    footer {
        margin-top: 0;
    }

    .logo-rodape {
        padding: 30px;
    }

}