#offer_of_life_spread, #offer_of_year_spread {
  width: 500px;
  border: 1px solid #C07E30;
  
  .intro {
    margin-bottom: 20px;
  }
  
  .call_to_action > div {
    width: 40%;
    display: inline-block;
  }
  
  .call_to_action {
    padding: 10px;
    
    .button {
      padding: 20px;
      text-align: center;
      font-size: 1.3em;
      color: white;
      background-color: #3972E6;
    }
  }
}

.scroller {
  width: 500px;
  height: 345px;
  overflow-x: scroll;
  
  .card_holder {
    width: 1750px;
    height: 345px;
    
    .card_reading {
      height: 295px;
      display: inline-block;
      vertical-align: top;
    
      .card_display {
      
        .card_image {
        
          img.preview_card {
            width: 125px;
          }
        
        }
        
        .card_name {
          padding: 10px 0px;
        }
      
        .interpretation_description {
          width: 110px;
          height: 123px;
          overflow-y: scroll;
          font-size: 0.8em;
        }
      }
    }
  }
}

.card_group_heading {
  text-align: center;
  text-transform: uppercase;
  font-size: 1.5em;
  
  
  background-color: rgba(255, 255, 255, 0.6);
  border: 1px solid black;
  border-radius: 50px;
  padding: 20px 35px 20px 35px;
  margin: 10px 25px -27px 25px;
  
  div {
    display: inline-block;
  }
}

.reddened {
  color: #DE0032;
}

#zodiac_options {
  font-size: 2em;
  a.zodiac_selection {
    display: inline-block;
    margin: 14px 11%;
  }
}