@media screen and (max-width: 700px) {
  .headerclass {
    /* background-image: unset; */
  }
  .logo2 {
    width: 100px;
    height: 50px;
  }
  .logo1 {
    width: 100px;
    height: 50px;
  }
  .siz {
    font-size: 10px;
  }
  .main-nav {
    position: fixed;

    transition: 1s;
  }

  .main-nav {
    cursor: pointer;
  }

  .app {
    text-align: center;
  }
}