#mapid { height: 60vh; }



body {
    color: black;
    font-family: Roboto, sans-serif;
    line-height: 1.5;
    background-color: #fffdf5;
    margin: 0 auto;
    width: 80%;

}

h1, a { color: blueviolet; }

table{
    width: 100%;
    margin-top: 2em;

}
@media only screen and (max-width: 600px) {
    body {
        box-sizing: border-box;
      width: 100%;
      padding: 0 10px;
      margin-bottom: 10px;
    
    }
}
  
th{
    background-color: blueviolet;
    height: 50px;
    color: white ;
}
tr:nth-child(even) {background-color: #d4d4d4}

p {
    text-align: justify;
}

.info {
    padding: 6px 8px;
    font: 20px/16px Arial, Helvetica, sans-serif;
    background: white;
    background: rgba(255,255,255,0.8);
    box-shadow: 0 0 15px rgba(0,0,0,0.9);
    border-radius: 5px;
}
.info h4 {
    margin: 0 0 5px;
    color: rgb(160, 157, 157);
}
footer{
    padding: 10px 0;
    margin-top: 10px;
    
    background-color: #e4d4d4;
    
}