/* raben-ephemeris-style.css */

* {
  box-sizing: border-box;
}

.header {
  display: none;
  padding: 4px, 0, 4px, 0;
  font-family: 'Adobe Garamound Pro';
  font-size: 16px;
  font-style: bold;
  color:black;
}

@media(min-width: 800px){
  .header{
     display: flex;
     flex-wrap: wrap;
  }
}

.row {
  display: flex;
  flex-wrap: wrap;
  padding: 4px,0,4px,0;
  background-color: #C0C0C0
}

.col {
  display: flex;
  text-align: left;
  flex: 50%;
  padding: 4px 4px 4px 4px;
}
@media(min-width: 800px){
  .col {
     flex: 10%;
     flex-wrap: wrap;
  }
}

.col2 {
  display: flex;
  text-align: left;
  flex: 50%;
  padding: 4px 4px 4px 4px;
}

@media(min-width: 800px){
  .col2 {
     display: none;
     flex: 10%;
  }
}