* {
  margin: 0;
  padding: 0;
  font-family: Roboto;
}

.display, header, .search_bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

header {
  height: 70px;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  border-bottom: 1px solid #DEDEDE;
  -webkit-box-shadow: 0 0 2px #DEDEDE;
          box-shadow: 0 0 2px #DEDEDE;
}

.logo {
  cursor: pointer;
  -webkit-transition: ease .2s;
  transition: ease .2s;
  text-decoration: none;
  font-size: 1.5em;
  color: #9347DD;
  opacity: .8;
  text-shadow: 1px 1px 2px #9347DD;
  letter-spacing: 1px;
}

.logo:hover {
  text-shadow: 1px 1px 4px #9347DD;
}

.bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  border-bottom: 1px solid #DEDEDE;
}

.bar_img {
  margin: 10px;
  margin-right: 20px;
  width: 25px;
}

.bar_img_filter {
  margin: 0 10px;
  width: 30px;
}

.bar_input {
  border: 0;
  outline: none;
  padding: 10px 0;
  width: 350px;
  opacity: .9;
  font-weight: 400;
  color: #4D4D4D;
  font-size: 1.1em;
}

.bar_input::-webkit-input-placeholder {
  opacity: .5;
  font-weight: 400;
  color: #4D4D4D;
  font-size: 1.1em;
}

.bar_input:-ms-input-placeholder {
  opacity: .5;
  font-weight: 400;
  color: #4D4D4D;
  font-size: 1.1em;
}

.bar_input::-ms-input-placeholder {
  opacity: .5;
  font-weight: 400;
  color: #4D4D4D;
  font-size: 1.1em;
}

.bar_input::placeholder {
  opacity: .5;
  font-weight: 400;
  color: #4D4D4D;
  font-size: 1.1em;
}

.user_profile_img {
  cursor: pointer;
  width: 40px;
}

@media screen and (max-width: 600px) {
  header {
    margin-bottom: 50px;
  }
  .search_bar {
    position: absolute;
    left: 0;
    right: 0;
    top: 70px;
    padding: 0 5px;
  }
  .bar_input {
    width: 100%;
  }
  .bar_input::-webkit-input-placeholder {
    font-size: .9em;
  }
  .bar_input:-ms-input-placeholder {
    font-size: .9em;
  }
  .bar_input::-ms-input-placeholder {
    font-size: .9em;
  }
  .bar_input::placeholder {
    font-size: .9em;
  }
}
/*# sourceMappingURL=styles.css.map */