/*XXS*/
@media screen and (max-width: 480px) { }
/*XS*/@media screen and (max-width: 767px) { }
/*XS e SM*/@media  screen and (max-width: 991px) {          }
/*SM*/ @media screen and (min-width: 768px) and (max-width: 991px) {   }
/*MD*/ @media screen and (min-width: 991px) and (max-width: 1200px){   }
/*MD LG*/ @media  screen and (min-width: 991px) {   }
/*LG*/@media screen and (min-width: 1200px) {}

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

        #logo {      margin:auto;  text-align:center; width:100%;
        }
        .img-responsive {  
                display: block;
                    width: auto;
                    height: auto;
                    max-width: 100%;
                    margin: auto;
                    text-align: center;
                    vertical-align: middle;
 
        }
        .img-logo-rodape{position:relative; top:0; left:0;}


      }