@media screen and (max-width: 1873px) {
  .poni_kuvagalleria img {
    max-height: 300px;
    width: auto;
  }

  .poni_perustiedot {
    width: 90%;
  }
}

@media screen and (max-width: 1610px) {
  .poni_kuvagalleria img {
    max-height: 220px;
    width: auto;
  }
}

@media screen and (max-width: 1200px) {
  #desktop-nav {
    display: none;
  }
  #hamburger-nav {
    display: flex;
  }

  nav {
    height: 15vh;
  }

  .logo {
    font-size: 4.5rem;
  }
  .banner img {
    height: 35vh;
  }

  .banner .content {
    max-width: 600px;
    font-size: 1.2rem;
    line-height: 1.8rem;
    letter-spacing: 1px;
  }

  .main-content {
    width: 80%;
  }
  .insert {
    width: 90%;
    padding: 10px 20px 10px 20px;
  }

  .footer-wrapper {
    width: 70%;
  }

  .poni_kuvagalleria img {
    max-height: 160px;
    width: auto;
  }

  .poni_perustiedot td {
    padding-top: 5px;
  }
}

@media screen and (max-width: 768px) {
  nav {
    height: 14vh;
  }
  .logo {
    font-size: 3.8rem;
  }
  .banner img {
    height: 35vh;
  }
  .banner .content {
    max-width: 80%;
    font-size: 1.2rem;
    line-height: 1.8rem;
    letter-spacing: 1px;
  }

  .main-content {
    width: 80%;
  }
  .insert {
    width: 90%;
    padding: 10px 20px 10px 20px;
  }

  .footer-wrapper {
    width: 95%;
  }

  h1 {
    font-size: 2.8rem;
  }

  h2 {
    font-size: 2.2rem;
  }

  h3 {
    font-size: 1.8rem;
  }

  .hevostaulukko td {
    display: none;
  }

  .hevostaulukko img {
    display: none;
  }

  .poni_kuvagalleria img {
    max-height: 150px;
    width: auto;
  }

  .hevostaulukko {
    display: none;
  }

  .hevostaulukko_mob {
    display: block;
  }

  #secA,
  #secB,
  #secC,
  #secD,
  #secPB,
  #secHevoset {
    display: none;
  }

  .hevoslistaus {
    display: none;
  }
}

@media screen and (max-width: 630px) {
  .main-content {
    text-align: left;
  }
  nav {
    height: 13vh;
  }

  .logo {
    padding: 10px;
    font-size: 2rem;
  }
  .banner img {
    height: 30vh;
  }
  .banner .content {
    max-width: 80%;
    font-size: 1rem;
    line-height: 1.8rem;
    letter-spacing: 1px;
  }
  .main-content {
    width: 80%;
    font-size: 0.9rem;
    line-height: 1.4rem;
  }
  .insert {
    font-size: 0.8rem;
    line-height: 1.2rem;
    padding: 10px;
  }

  .vwy_logo {
    width: 90px;
    padding-left: 20px;
    padding-right: 15px;
  }

  .signature {
    padding-left: 25px;
  }

  .signature-handwritten {
    padding-left: 15px;
  }

  .signature-small {
    padding-left: 15px;
  }

  h1 {
    font-size: 1.8rem;
    line-height: 2.1rem;
  }

  h2 {
    font-size: 1.7rem;
    line-height: 2.5rem;
  }

  h3 {
    font-size: 1.5rem;
    line-height: 2.3rem;
  }

  .poni_kuvagalleria img {
    width: 90%;
    max-height: fit-content;
  }

  .insert {
    width: 75vw;
    padding-top: 0;
  }

}