.map-container{
  padding: 0;
  width:100%;
  flex-direction: row;
  box-shadow: var(--box-shadow);
}

.google-map {
  display: flex;
  width:100%;
  height: max(40svh,400px);
}
.iframe {
  height: 100%;
  width: 100%;
} 


.section-container{
  display: flex;
  flex-direction: row;
  margin-top: var(--responsive-padding);
  margin-bottom: var(--responsive-padding);
}
.sectionOne{
  width: 50%;
}
.sectionTwo{
  width: 50%;
}
:root{
  --table-light-color: #ffffff;
  --table-dark-color:#ededed;
  --table-title-color: #cfcfcf;
}
table {
  width: 100%;
  font-size: 15px;
  text-align: left;
}
th {
  background-color: var(--table-title-color);
  border-color: var(--table-title-color);
  padding-left: calc(var(--responsive-padding)/2); 
  font-weight: bold;
  color: black;
}
td {
  padding-left: calc(var(--responsive-padding)/2); 
}
tr:nth-child(odd) {
  background-color: var(--table-dark-color);
  border-color: var(--table-dark-color);
}
tr:nth-child(even) {
  background-color: var(--table-light-color);
  border-color: var(--table-light-color);
}

@media screen and (max-width: 800px) {

  .section-container{
    flex-direction: column;
  }
  .sectionOne{
    width: 100%;
  }
  .sectionTwo{
    width: 100%;
  }
}