/* TAB MODE LANDSCAPE */
@media screen and (max-width: 1399px) and (orientation: landscape) {
  /* ACCUEIL */
  .mainTitlesBloc h1 {
    font-size: 3.5em;
  }
  .mainTitlesBloc h2 {
    font-size: 1.5em;
  }
  .mainPic {
    width: 30%;
  }
  .myStack_bloc {
    border: dashed 1px black;
    border-radius: 0 0 0 10px;
  }
  .aboutMe_text {
    font-size: 13px;
  }

  /* PROJETS */
  #Hotel_MontBlanc_project_B,
  #street_art_hunterz_project_B,
  #dragon_papers_project_B,
  #grinch_game_project_B,
  #movie_kitchen_project_B,
  #radio_faceB_project_B,
  #JB_photos_project_B {
    flex-direction: column;
    align-items: center;
  }

  .projet_bloc_b_infos,
  .projet_bloc_b_illust {
    width: 95%;
  }

  .projet_bloc_b_infos {
    padding: 3rem 0;
  }
  .projet_bloc_b_illust {
    padding: 0 0 3rem 0;
  }

  .toggle_btn {
    width: 15%;
  }
  .toggle_img,
  .toggle_img_open {
    width: 35px;
    height: 35px;
  }
}
@media screen and (max-width: 1180px) and (orientation: landscape) {
  /* ACCUEIL */
  .mainTitlesBloc h1 {
    font-size: 3em;
  }
  .mainTitlesBloc h2 {
    font-size: 1.5em;
  }
  .stackTitle {
    font-size: 1.5em;
  }
  .aboutMe_text {
    font-size: medium;
  }
}

/* TAB MODE PORTRAIT */
@media screen and (min-width: 481px) and (max-width: 1399px) and (orientation: portrait) {
  /* HEADER */
  .logo_site {
    width: 10%;
  }

  /* ACCUEIL */
  .mainTitles {
    flex-direction: column;
    gap: 1rem;
  }
  .mainPic_container {
    display: none;
  }
  .mainPic_container_tab {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .mainPic {
    width: 15%;
  }
  .mainTitlesBloc {
    width: 90%;
  }

  .mainInfos {
    flex-direction: column;
    gap: 3rem;
  }
  .myStack_bloc {
    width: 90%;
    border-radius: 10px 10px 0 0;
  }

  .stackTitle {
    display: none;
  }
  .stackTitle_Tab {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-00);
    font-size: 1.3rem;
    font-weight: 300;
    width: 25%;
  }
  .stackBloc {
    width: 25%;
  }
  .stacklogo {
    width: 20%;
  }

  .aboutMe_bloc {
    width: 90%;
    border-radius: 0 0 10px 10px;
  }

  /* PROJETS */
  #projet_page {
    width: 95%;
  }
  .projet_title {
    font-size: 2em;
  }
  .toggle_btn {
    width: 15%;
  }
  .toggle_img,
  .toggle_img_open {
    width: 40px;
    height: 40px;
  }

  #Hotel_MontBlanc_project_B,
  #street_art_hunterz_project_B,
  #dragon_papers_project_B,
  #movie_kitchen_project_B,
  #grinch_game_project_B,
  #radio_faceB_project_B,
  #JB_photos_project_B {
    flex-direction: column;
    align-items: center;
  }

  .projet_bloc_b_infos,
  .projet_bloc_b_illust {
    width: 95%;
  }
  .projet_bloc_b_infos {
    padding: 3rem 0;
  }
  .projet_bloc_b_illust {
    padding: 0 0 3rem 0;
  }
  /* CONTACT */
  .paper_plane_container_Tab {
    display: flex;
    width: 100%;
  }
  .ppc_tab_up {
    transform: scaleY(-1) scaleX(-1);
  }
  .ppc_tab_dwn {
    justify-content: flex-start;
  }
  .paper_plane_img {
    width: 40%;
  }

  /* FOOTER */
  .foot_container {
    padding: 8px 0;
  }
  .foot_container a {
    width: 12%;
    justify-content: center;
  }
  .footer_Main_title {
    display: none;
  }
  .foot_nav {
    width: 100%;
    justify-content: center;
  }
}

@media screen and (max-width: 1180px) and (orientation: portrait) {
  /* ACCUEIL */
  .main_container {
    gap: 3rem;
  }

  /* CONTACT */
  .mainPic_container_tab {
    display: none;
  }
  .paper_plane_img {
    width: 30%;
  }
}