/* ----------------------------------- Media Query ----------------------------------- */
@media only screen and (max-width: 1180px) {
  .header {
    height: 50px;
  }

  .nav {
    flex-direction: column;
    background-color: #353535;
    height: 300px;
    width: 100%;
    transition: all 0.4s ease-out;
  }

  .container--logo {
    width: 100%;
    height: 100%;
    padding-left: 0px;
    justify-content: center;
    align-items: center;
  }

  .link__logo {
    width: 10%;
    height: 30%;
  }
  .logo {
    width: 100%;
    height: 100%;
  }

  .nav__list {
    flex-direction: column;
    width: 100%;
    align-items: center;
  }

  .nav__list__item {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .nav__list__item__ach {
    padding-left: 0px;
    padding-right: 0px;
  }

  #symbol--nav__list {
    display: block;
  }

  .h-nav-resp {
    height: 50px;
  }

  .v-class-resp {
    opacity: 0;
  }
}

@media only screen and (max-width: 650px) {
  .flex__container__outer--projects {
    flex-direction: column;
    row-gap: 50px;
  }

  .flex__container__inner--projects {
    border-right: none;
  }
}