* {
  margin: 0;
  padding: 0;
  box-sizing: border-box
}
body {
  background-color: #efefef;
  color: #095;
  font-family: Inter,sans-serif;
  font-size: 24px
}
a,
a:visited {
  color: inherit;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px
}
a:hover {
  opacity: 50%
}
a:active {
  color: inherit
}
.container {
  max-width: 720px;
  margin: 0 auto
}
header {
  height: 9em;
  display: flex;
  align-items: center;
  justify-content: space-between
}
header nav ul {
  list-style-type: none;
  display: flex;
  gap: 1em
}
header nav ul li a {
  text-decoration: none;
  color: inherit
}
#logo img {
  height: 1.5em;
  margin-bottom: 0
}
.tuuptingimused table {
  letter-spacing: .1px;
  line-height: 1.3
}
.tuuptingimused td {
  min-width: 2.5em;
  margin-bottom: .5em
}
.tuuptingimused tr {
  display: flex;
  flex-direction: row;
  gap: 1em
}
.home-punktid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: .5em
}
.home-punkt {
  padding: 10px 12px;
  background-color: #095;
  color: #efefef;
  border-radius: 4px;
  display: flex;
  width: 100%
}
.tuuptingimused {
  font-size: 16px
}
.tuuptingimused table {
  margin-bottom: 9em
}
.kontakt-table {
  width: 100%
}
.kontakt-table td:first-child {
  width: 9em
}
.tariifid tr {
  display: flex;
}
.tariifid td {
  display: flex;
  flex-grow: 1;
  flex-basis: 0
}
@media (max-width:800px) {
  #logo img {
    height: .8em;
    padding: 0 .2em
  }
  header {
    height: 3em;
    width: 100%;
    margin-bottom: 1em
  }
  body {
    font-size: 16px;
    padding: 0 1em
  }
  .tuuptingimused {
    font-size: 12px
  }
  .tuuptingimused table {
    margin-bottom: 3em
  }
  .tuuptingimused table {
    letter-spacing: .2px;
    line-height: 1.4
  }
  .tuuptingimused td {
    min-width: 2.5em;
    margin-bottom: .5em
  }
  .tuuptingimused tr {
    display: flex;
    flex-direction: row;
    gap: 1em
  }
  nav ul li a {
    font-size: 12px !important;
  }
}
nav ul li a {
  font-size: 16px;
}
.liitumine {
  font-size: 16px;
}
strong {
  font-weight: 700;
}
/* ...existing code... */
.tariifid-table {
  table-layout: fixed;
  width: 100%;
  font-size: 16px;
}  
.tariifid-table tr {
  display: flex;
  flex-direction: row;
  margin-bottom: .25em
}
/* First column takes 50% width */
.tariifid-table td:nth-child(1) {
  width: 50%;
  flex: 1 0 50%;
}
/* Second column takes 25% width */
.tariifid-table td:nth-child(2) {
  width: 25%;
  flex: 0 1 25%;
}
/* Third column takes 25% width */
.tariifid-table td:nth-child(3) {
  width: 25%;
  flex: 0 1 25%;
}
.tariifid-table + .tariifid-table {
  margin-top: 1em;
}