.legal {
  margin-top: 20px;
  font-size: 11px; }

.box {
  margin-bottom: 15px;
  min-height: 375px;
  position: relative;
  overflow: hidden;
  display: block;
  cursor: pointer;
  /* Color Variations */
  /* Size */ }

/*  .box p {
    font-size: 14px;
    line-height: 18px; }
*/ 
  .box .front, .box .back {
    width: 100%;
    height: 100%;
    min-height: 371px;
    border-radius: 10px;
    position: relative;
    transition: opacity 0.5s linear; }
    .box .front .copy, .box .back .copy {
      width: 78%;
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translateY(-50%) translateX(-50%);
      -ms-transform: translateY(-50%) translateX(-50%);
      transform: translateY(-50%) translateX(-50%); }
  .box .front {
    color: #fff;
    z-index: 2;
    opacity: 1; }
    .box .front ul li {
      padding: 6px 0;
      font-size: 25px;
      line-height: 36px;
      font-family: 'EquipSlab-Light', Helvetica, Arial, sans-serif; }
  .box .back {
/*    color: #8a8e9a; */
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
 /*   background-color: #f1f4ff; */ }
  .box.flipped .back {
    opacity: 1;
    z-index: 2; }
  .box.flipped .front {
    opacity: 0;
    z-index: 1; }
  .box.-green .front, .box.-green .back {
    border: 2px solid #115740;
    border-radius: 10px; }
  .box.-green .front {
    background-color: #115740;
    color: #B5BD00; }
  .box.-light-green .front, .box.-light-green .back {
    border: 2px solid #64A70B;
    border-radius: 10px; }
  .box.-light-green .front {
    background-color: #64A70B; }
  .box.-purple .front, .box.-purple .back {
    border: 2px solid #A2A4A3;
    border-radius: 10px; }
  .box.-purple .front {
    background-color: #A2A4A3; }
  .box.-aqua .front, .box.-aqua .back {
    border: 2px solid #6BCABA;
    border-radius: 10px; }
  .box.-aqua .front {
    background-color: #6BCABA; }
  .box.-yellow .front, .box.-yellow .back {
    border: 2px solid #B5BD00;
    border-radius: 10px; }
  .box.-yellow .front {
    background-color: #B5BD00;
    color: #115740; }
  .box.-orange .front, .box.-orange .back {
    border: 2px solid #BC9C36;
    border-radius: 10px; }
  .box.-orange .front {
    background-color: #BC9C36; }
  .box.-small {
    min-height: 180px;
    text-align: center; }
    .box.-small h3 {
      margin: 0 0 20px;
      font-size: 36px;
      color: #fff;
      font-family: 'EquipSlab-Thin', Helvetica, Arial, sans-serif; }
    .box.-small .front, .box.-small .back {
      min-height: 181px; }
    .box.-small .front p {
      margin: 0 auto;
      width: 80%; }