@media (max-width: 1300px) {
  * {
    /* outline: 2px solid red; */
  }

  .burger {
    display: flex;
  }
  .nav__block {
    display: none;
  }
  .nav__block__adaptive {
    display: flex;
    font-size: 20px;
  }
  .ul__nav__block {
    justify-content: center;
  }

  .ul__nav__block li:last-child {
    margin-left: auto;
  }
  .nav__burger__list {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .ul__burger__list {
    margin-top: 0px;
    font-size: 36px;
    width: 300px;

    height: auto;
    justify-content: center;
    align-items: center;
  }
  .ul__burger__list li {
    margin: var(--adapt--margin-block-minx2);
    border-bottom: 1px solid rgba(42, 42, 42, 0.49);
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .ul__burger__list li a {
    color: white;
  }
  .subnav {
    font-size: 26px;
    margin-top: 20px;
    font-family: fixelText-light;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: rgb(246, 242, 51);
  }
  .subnav li {
    border-bottom: 0px solid rgba(42, 42, 42, 0.49);
  }
  .subnav__about {
    height: 0px;

    overflow: hidden;
    transition: all 0.5s ease;
  }
  .subnav__about.active {
    height: 200px;
  }
  .subnav__projects {
    height: 0px;
    overflow: hidden;
    transition: all 0.5s ease;
  }
  .subnav__projects.active {
    height: 200px;
  }
  .subnav__team {
    height: 0px;
    opacity: 0;
    overflow: hidden;
    transition: all 0.5s ease;
  }
  .subnav__team.active {
    height: 200px;
    opacity: 1;
  }
  h2 {
    font-size: var(--adapt--h2--text);
  }
  h3 {
    font-size: var(--adapt--h3--text);
    font-family: fixelText-bold;
    color: #2479b5;
    text-align: center;
  }
  h4 {
    font-size: var(--adapt--h4--text);
    font-family: fixelText-bold;
    color: #2479b5;
    text-align: center;
  }
  .footer__logo {
    margin-top: var(--adapt--margin-block-min);
  }
  .img__footer__logo {
    height: 100px;
    width: 100px;
  }
  /* footer */
  .footer__nav {
    margin-top: var(--adapt--margin-block);
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    width: 90%;
  }
  .ul__about {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    width: 100%;
    margin: var(--adapt--margin-block-min) 0;
  }
  .li__about:first-child {
    font-size: 30px;
  }
  .li__about {
    display: flex;
    justify-content: start;
    align-items: center;
    height: 60px;
    margin: 20px;
    width: 40%;
  }
  /* -----------------------------------------------------SOCIAL MEDIA */

  .social__media {
    width: 100%;
    height: 100px;
    margin-bottom: var(--adapt--margin-block-min);
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .logo__social__media ul {
    display: flex;
  }

  .img__logo__social__media {
    height: 50px;
    margin: 20px;
  }
}

@media (max-width: 720px) {
  .li_logo {
    height: 60px;
  }
  .nav__block__adaptive {
    height: 100px;
  }
  h2 {
    font-size: var(--adapt--h2--min--text);
  }
  h3 {
    font-size: var(--adapt--h3--text);
    font-family: fixelText-bold;
    color: #2479b5;
  }

  /* footer */
  .footer__nav {
    margin-top: calc(
      var(--adapt--margin-block) - var(--adapt--margin-block-min)
    );
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    width: 80%;
  }
  .ul__about {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    width: 100%;
    margin: var(--adapt--margin-block-min) 0;
  }
  .li__about:first-child {
    font-size: 26px;
  }
  .li__about:not(:first-child) {
  }
  .li__about {
    display: flex;
    justify-content: start;
    align-items: center;
    height: 50px;
    margin: 15px 30px;
    width: 30%;
    min-width: 130px;
  }

  /* -----------------------------------------------------BURGER LIST 720 VERS */
  .nav__burger__list {
    display: flex;
    justify-content: end;
    align-items: start;
  }

  .ul__burger__list {
    margin-top: 100px;
    margin-right: 30px;
    font-size: 32px;
    width: 300px;

    height: auto;
    justify-content: center;
    align-items: end;
  }
  .ul__burger__list li {
    margin: var(--adapt--margin-block-minx2);
    border-bottom: 1px solid rgba(42, 42, 42, 0.49);
    width: auto;
    display: flex;
    justify-content: end;
  }

  .subnav {
    font-size: 22px;

    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: start;
    color: rgb(246, 242, 51);
    margin-top: 0px;
  }
  .subnav li {
    border-bottom: 0px solid rgba(42, 42, 42, 0.49);
    margin: 10px;
  }
  .subnav__about {
    height: 0px;

    overflow: hidden;
    transition: all 0.5s ease;
  }

  .subnav__about.active {
    height: 150px;
  }
  .subnav__projects {
    height: 0px;
    overflow: hidden;
    transition: all 0.5s ease;
  }
  .subnav__projects.active {
    height: 150px;
  }
  .subnav__team {
    height: 0px;
    opacity: 0;
    overflow: hidden;
    transition: all 0.5s ease;
  }
  .subnav__team.active {
    height: 150px;

    opacity: 1;
  }
  .span__burger {
    width: 60%;
    height: 2px;
  }
  .span__burger::before,
  .span__burger::after {
    height: 2px;
  }
}