/* CSS for hear.php */

/* hear.php */

div.sample
{
  margin: 20px 0;
  padding: 20px 10px;
  background: #eed;
  font-size: 100%;
  line-height: 1.2;
  font-family: sans-serif;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
div.sample div.title
{
  vertical-align: top;
  min-width: 200px;
}
div.sample div.player
{
  vertical-align: top;
}
audio {width: 100% }

@media screen and (max-width: 700px)
{
  div.sample
  {
    margin: 10px 0;
    padding: 10px 5px;
    grid-template-columns: 1fr;
  }

  div.sample div.title
  {
    display: block;
    width: 100%;
  }


}