div.logobar {
    padding: 10px 15px;
    /* width: 45%; */
    margin-left: auto;
    margin-right: auto;
}

.logobar .container{
  /* border-bottom: 1px solid #e7e7e7; */
  /* color: yellow; */
  /* padding-left: 4em; */
}

.logobar .navbar-brand {
  background-image: url(https://iss2024.acm.org/getImage/orig/Logo+website+Final.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 8em;
}

.logobar a {
  color: #4e5e6b; 
}

.navbar{
  border-top: none !important;
}

.navbar{
  border-radius: 0px !important;
}

.navbar-brand{
  /* font-size : 36px; */
  display: block;
}
.place {
  /* padding : 46px 0 0 40px; */
  display: none;
}
.place2 {
  /* padding : 46px 0 0 0px; */
  display: none;
}

.brand-text {
  display: none;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .logobar .navbar-brand {
    background-image: url(https://iss2024.acm.org/getImage/orig/logo+mobile.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    background-position: center;
    height: 6em;
  }
} 
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  div.logobar {
    width: 100%;
  }
  .logobar .navbar-brand {
    height: 4em;
    background-position: center;
  }
} 

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  div.logobar {
    width: 100%;
  }
  .logobar .navbar-brand {
    height: 5em;
  }
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  div.logobar {
    width: 100%;
  }
  .logobar .navbar-brand {
    height: 7em;
  }
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  div.logobar {
    width: 100%;
  }
  .logobar .navbar-brand {
    height: 8em;
  }
}