/* For Old Stuff*/
.sireBlock {
  text-align: center;
  text-decoration: none;
  }
.sireTile {
  display: inline-block;
  margin: 20px;
  }
.sireTile img {
  box-shadow: 2px 2px 8px grey;
  }
.sireLink {
  text-decoration: none;
  font-weight: bold;
  color: black
  }
.sireLink:hover {
  color: blue;
  }
.notPictured {
  text-align: center;
  color: #414F78;
  font-size: 1.2rem;
  }
.notPicturedBlock {
  background-color: #CFCFCF;
  text-align: center;
  width: 200px;
  padding: 0px 0px 1rem 0px;
    box-shadow: 2px 2px 8px grey;
  }
.notPicturedSire {
  margin: .2rem 0px;
  font-size: .8rem;
  }

/* Add in Flex */
  
.sireBlock {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  }
.sireTile {
  margin: 20px;
  flex: 1 1 200px;
  }
.notPicturedBlock {
  max-width: 300px;
  }
@media (min-width: 45rem) {
  .sireTile{
    margin: 30px;
    flex: 1 0 250px;
    }
  .notPictured {
    font-size: 1.5rem;
    }
   .notPicturedSire {
     margin: .5rem 0px;
     font-size: 1rem;
     }
  }