.navbar-brand {
  margin-top:0;
}
.navbar li{
width:100%;
}
.navbar-brand img{
 width:auto;
  max-width:80%;
  margin-left:-40px;
  margin-right:auto;
  margin-top:10px;
}
.navbar {
  margin-top:-20;
}#logoimg {
  margin-top:auto;
}
@media only screen and (min-width: 460px) {
  #logoimg {
  margin-top:auto;
}
.navbar-brand {
  margin-top:0px;
}
.navbar {
  margin-top:-20px;
}
  
.navbar-brand img{
 width:auto;
  max-width:80%;
  margin-left:-40px;
  margin-right:auto;
  margin-top:-20px;
}
   .navbar li{
width:20%;
} 
}
@media only screen and (min-width: 1024px) {
#logoimg {
  margin-top:auto;
}
.navbar-brand {
  margin-top:-10px;
}
 .navbar li{
width:auto;
} 
.navbar {
  margin-top:-30px;
}
  
.navbar-brand img{
 width:auto;
  max-width:80%;
  margin-left:-40px;
  margin-right:auto;
  margin-top:10px;
}
}
@media only screen and (min-width: 1300px) {
  #logoimg {
  margin-top:-10px;
}
}