@media screen and (max-width: 780px) {
  header .navbar .bar_icon {
    display: flex !important;
  }
}
@media screen and (max-width: 780px) {
  header .navbar .nav-items {
    display: none !important;
  }
}
@media screen and (max-width: 780px) {
  header .hero {
    text-align: center;
  }
}
@media screen and (max-width: 780px) {
  header .hero h1 {
    font-size: 43px !important;
  }
}
@media screen and (max-width: 780px) {
  header .hero p {
    font-size: 15px !important;
  }
}
@media screen and (max-width: 780px) {
  header .hero .hero_image {
    padding-top: 25px;
  }
}

@media screen and (min-width: 780px) {
  .sidebar {
    display: none;
    background-color: red !important;
  }
}
@media screen and (max-width: 900px) {
  .sidebar {
    width: 75% !important;
  }
}

@media screen and (min-width: 780px) {
  .overlay_background {
    display: none !important;
  }
}/*# sourceMappingURL=responsive.css.map */