/* Using Inline Block for Old Browsers*/
.semenMain {
  padding: 10px;
  }
.smallHide{
  display: none;
  }
.semenRow {
  border: 2px solid black;
  padding: 5px;
  background-color: #E6E6E6;
  text-align: center;
  border-radius: 4px;
  margin: 10px auto;
  }
.sireLink {
  text-decoration: none;
  }
.sireLink:hover {
  color: white;
  background-color: blue;
  }
.semenSire {
  font-size: 1.2rem;
  font-weight: bold;  
  }
.reg, .price {
  display: inline-block;
  margin: 5px 5px;
  font-size: .9rem;
  font-weight: bold;
  }
  
@media (min-width: 25rem) {
  .semenRow {
  max-width: 400px;
  }
  .semenIntro {
  margin: 1em auto;
  text-align:center;
  }
  .semenFooter {
  margin: 1em auto;
  text-align:center;
  }
 }
  
@media (min-width: 43rem) {
  .label {
    display: none;
    } 
  .semenIntro {
    margin: 0px 60px;
    text-align: left;
    }
  .semenFooter {
  margin: 1em auto;
  text-align:center;
  }
  #semen {
    display: table;
    margin: 10px auto;
    text-align: center;
    } 
  .smallHide {
    display: table-row;
    }
  .semenRow {
    display: table-row;
    background-color: white; 
    }
  .semenSire, .reg, .price {
    display: table-cell;
    border: 1px solid gray;
    font-size: 1.1rem;
    padding: 4px 4px;
    }
   .semenSire {
    width: 290px;
    text-align: left;
    padding-left: 10px;
      }
  .reg {
    width: 120px;
     }
  
  }