.hellobar {
  background-color: #eeefef;
  filter:  drop-shadow(0px 10px 10px rgba(0, 0, 0, .3));  
  position: absolute;
  top: 8%;
  left: 0;
  right: 0;
  color: #191414;
  text-align:center;
  width:100%;
  height:50px;
  z-index:3;
  padding-top:3rem;
}
.hellobar-button{
  border-radius:40px;
  border: #4086ad 2px solid;
  background:transparent;
  color:#4086ad;
  margin: 0 20px;
}
.hellobar-button:hover{
  text-decoration:underline;
  background-color:#105a82;
  color:#f9f9f4;
}
.hellobar a { 
  color: #191414; 
  text-decoration: none; 
  text-align:center;
  border-bottom:none;
}
.hellobar a:hover { 
  text-decoration: underline; 
  border-bottom:none;
}
.hellobar-wrap {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 960px;
}
.hellobar-content {
  overflow: hidden;
  padding: 7px 0;
  transition: 0.1s ease;
}
/* RESPONSIVE STYLES */
@media (max-width: 767px) {
  .hellobar {
  display:none;
}