/*
Código de cores do sistema
azul -> #26a
*/
@media screen and (min-width:1024.1px) {
  #barra-menu {
    width:100%;box-shadow:0px 2px 8px #26a;padding:20px 0px;
  }
  #barra-menu button {
    display:none;
  }
  #versoes-sistema {
    float:right;margin-right:20px;margin-top:15px;
  }
  .url-acesso {
    display:inline;margin-right:20px;
  }
  #logo {
    padding:5px 20px;
  }
  #logo img {
    width:48px;
  }
}

@media screen and (min-width:800.1px) and (max-width:1024px) {
  #barra-menu {
    width:100%;box-shadow:0px 2px 8px #26a;padding:20px 0px;
  }
  #barra-menu button {
    display:none;
  }
  #versoes-sistema {
    float:right;margin-right:20px;margin-top:20px;
  }
  .url-acesso {
    display:inline;margin-right:20px;
  }
  #logo {
    padding:5px 20px;
  }
  #logo img {
    width:64px;
  }
}

@media screen and (min-width:512.1px) and (max-width:800px) {
  #barra-menu {
    width:100%;box-shadow:0px 2px 8px #26a;padding:20px 0px;
  }
  #barra-menu button {
    float:right;width:50px;height:50px;border-radius:50%;border:3px solid #26a;color:#26a;margin:5px 10px;font-size:22px;
  }
  #versoes-sistema {
    width:60%;margin-right:20px;display:none;
  }
  .url-acesso {
    display:block;padding:2px 0px;
  }
  #logo {
    padding:10px;
  }
  #logo h3 {
    font-size:16px;
  }
  #logo img {
    width:40px;
  }
}

@media screen and (max-width:512px) {
  #barra-menu {
    width:100%;box-shadow:0px 2px 8px #26a;padding:10px 0px;
  }
  #barra-menu button {
    float:right;width:50px;height:50px;border-radius:50%;border:3px solid #26a;color:#26a;margin:5px 10px;font-size:22px;
  }
  #versoes-sistema {
    width:60%;margin-right:20px;display:none;
  }
  .url-acesso {
    display:block;padding:2px 0px;
  }
  #logo {
    padding:10px;
  }
  #logo h3 {
    font-size:16px;
  }
  #logo img {
    width:40px;
  }
}