body {background-color: #BF4040;}
h1, h2, h3, p {font-family: Arial, Helvetica, sans-serif;}
p {font-size: larger;}

table {
  background-color: white;
  margin: auto;
  margin-top: 6px;
  padding: 5px;
  border-color: black;
  border-radius: 8px;
}
#map {
    width:100%;
    height:500px;
    max-width: 500px;
    margin: auto;
}

/* Yleiset tyylit */
.container {
    display: flex;
    justify-content: space-between;
    gap: 20px; /* Asetetaan väli elementtien väliin */
  }
  
  .box {
    width: 48%; /* Molemmat divit vievät lähes puolet tilasta */
    padding: 20px;
    text-align: center;
  }
  
  /* Responsiivinen design pienemmille näytöille */
  @media (max-width: 1080px) {
    .container {
      flex-direction: column; /* Elementit asetetaan päällekkäin pienillä näytöillä */
      align-items: center;
    }
  
    .box {
      width: 98%;
    }
    #pysakkiinfo {
        width: 100%;
        max-height: 300px;  /* Määritellään elementille korkeus */
        overflow: auto;
    }
    #map {
        max-height: 380px;
    }
  }