@media screen and (min-width: 1600px) {
  .about_container p {
    font-size: 2rem;
  }

  .contact_type {
    font-size: 1.5rem;
  }

  .contact_link {
    font-size: 1rem;
  }

  h3 {
    font-size: 1rem;
  }
}

@media screen and (max-width: 1000px) {
  .contact_banner {
    display: grid;
    justify-items: center;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    grid-template-rows: 1fr 1fr;
  }
}

@media screen and (min-width: 768px) {
  .dropdown {
    background: var(--secondary_color);
    padding: 1rem;
    position: absolute;
    left: -10px;
  }
}

@media screen and (max-width: 768px) {
  .articles_container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    align-items: center;
    justify-items: center;
    gap: 1rem 0;
  }

  .nav_links {
    width: 50%;
    height: 100vh;
    display: flex;
    color: var(--secondary_color);
    font-family: var(--jost_font);
    font-weight: 300;
    letter-spacing: 3.5px;
    position: absolute;
    flex-direction: column;
    transition: 0.5s ease-in-out;
    margin: 0;
    right: -100vw;
    top: 100%;
    background-color: white;
    padding: 2rem;
    gap: 15vh;
  }

  .nav_links.open {
    right: 0;
    top: 100%;
    width: 50%;
    height: 100vh;
    background-color: white;
    transition: 0.5s ease-in-out;
  }

  #language-switcher li a {
    color: black;
  }

  a {
    color: black;
  }

  article p {
    font-size: 0.5rem;
  }

  #nav_bar {
    display: flex;
    flex-direction: row;
  }

  #logo {
    width: 50vw;
    padding: 1rem;
  }

  .hamburger-icon {
    display: flex;
    padding: 1rem;
  }

  .title_page {
    font-size: 1.5rem;
  }

  /* DECOR ELEMENTS */
  #branch_down_left {
    width: 50%;
    bottom: -20px;
  }

  #flower_down_mid {
    width: 50%;
    bottom: -20px;

    right: 0;
    left: 85vw;
  }

  #flower_top_left {
    width: 50%;
  }

  /* THE HOUSE*/

  #house {
    display: flex;
  }

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

  .about_container .title_page {
    padding: 2.5rem 0 2.5rem 0;
  }

  .about_container p {
    width: 100%;
    margin: 0;
  }

  .about_text {
    margin: 0;
  }

  .stephan_chayto {
    width: 100%;
    height: 50vh;
  }

  #bird_left {
    /* top: 0px; */
    left: 0px;
  }

  #bird_right {
    transform: translateY(75px);
  }

  #bird_right,
  #bird_left {
    /* height: 30%; */
    width: 20%;
    bottom: 0;
  }

  /* CONTACT */

  .contact_grid {
    align-items: flex-start;
    padding: 0 1rem 0 0;
    justify-items: flex-start;
  }

  .contact_link,
  .contact_type {
    font-size: 70%;
  }

  .description {
    font-size: 70%;
  }

  /*GALLERY*/
  .gallery_img {
    width: 20%;
    height: 50%;
  }
}

@media screen and (max-width: 450px) {
  .articles_types_container .image_text {
    font-size: 60%;
  }
}

@media screen and (max-width: 580px) {
  .contact_banner {
    display: flex;
    flex-direction: column;
    justify-items: center;
    align-items: center;
  }

  .icon {
    width: 25px;
    height: 25px;
  }

  #flower_down_mid {
    left: 80vw;
  }
}

@media screen and (max-width: 480px) {
  article img {
    max-width: 200px;
    width: 30vw;
  }

  #flower_down_mid {
    left: 75vw;
  }
}
@media screen and (max-width: 420px) {
  .articles_container {
    grid-template-columns: 1fr;
  }
  #articles {
    min-height: 195vh;
  }

  .navArticles {
    min-height: auto !important;
  }

  article img {
    max-width: 180px;
  }
  #flower_down_mid {
    left: 70vw;
  }
}