@media screen and (max-width: 1200px) {
  nav {
    padding: 10px 0px 20px 0px;
    flex-direction: column;
    gap: 15px;
  }

  section.second {
    flex-direction: column;
    align-items: center;
  }
}

@media screen and (max-width: 930px) {
  .map {
    width: 95vw;
    height: 40vh;
  }
}

@media screen and (max-width: 850px) {
  section.third {
    grid-template-columns: auto auto auto;
  }
}

@media screen and (max-width: 815px) {
  nav .logo img {
    width: 70px;
  }
  nav .logo span {
    font-size: 40px;
  }
}

@media screen and (max-width: 750px) {
  .map-container h2 {
    font-size: 16px;
  }
  .map-container h2 img {
    width: 30px;
  }
}

@media screen and (max-width: 650px) {
  nav .logo img {
    width: 60px;
  }
  nav .logo span {
    font-size: 30px;
  }

  .map-container a {
    font-size: 15px;
  }

  .map-arrow-svg {
    width: 20px;
  }

  section.third .left img {
    width: 100px;
  }

  .carousel-images img {
    height: 300px;
  }
}

@media screen and (max-width: 530px) {
  nav .logo img {
    width: 50px;
  }
  nav .logo span {
    font-size: 25px;
  }
  nav a {
    font-size: 20px;
    padding: 5px 20px;
  }

  section.first .minilogo img {
    width: 60px;
  }

  section.first p:nth-child(1) {
    font-size: 20px;
  }

  section.first p:nth-child(2) {
    font-size: 20px;
  }

  section.first p:nth-child(1) {
    font-size: 13px;
  }

  section.first p:nth-child(2) {
    font-size: 13px;
  }
  section.first p:nth-child(3) {
    font-size: 13px;
  }

  section.second .director-container img {
    width: 270px;
  }
  section.second figcaption {
    font-size: 20px;
  }
  section.second .data {
    font-size: 15px;
  }

  .map-container h2 {
    font-size: 13px;
    text-align: center;
    padding: 0px 5px;
  }
  .map-container h2 img {
    width: 20px;
  }

  section.third {
    grid-template-columns: auto;
    grid-template-rows: auto auto auto;
    /* padding: 10px 0px; */
    row-gap: 10px;
  }

  section.third h2 {
    justify-self: center;
    align-self: center;
  }
  .line {
    width: 25%;
    height: 5px;
  }


}

@media screen and (max-width: 430px) {
  nav .logo img {
    width: 35px;
  }
  nav .logo span {
    font-size: 20px;
  }
  nav a {
    font-size: 15px;
  }
  nav .logo {
    gap: 5px;
  }

  .carousel-images img {
    height: 220px;
  }

}