/*General Volume-Rectangles styles*/

.question-manager .question{
  padding-top: 0;
}

  .question-manager .prompt{
    border: 0;
    background: transparent;
    text-align: left;
    float: right;
    font-family: 'Helvetica', 'Arial', sans-serif;
    font-weight: bold;
  }
    .answer-unit{
      font-weight: normal;
      display: block;
      margin-top: 20px;
      text-align: center;
    }
  /* position feedback for first field container for first question*/

    .depth-1 .field-container-1 .feedback{
        bottom: auto;
        margin-bottom: auto;
        top: 100%;
        margin-top: 35px;
    }
        /*up arrow*/
        .depth-1 .field-container-1 .feedback-content:before,
        .depth-1 .field-container-1 .feedback-content:after{
            border-width: 0 8px 35px 8px;
        }

        .depth-1 .field-container-1 .feedback-content:before{
            bottom: auto;
            top: -35px;
            border-color: transparent transparent #666699 transparent;
        }
        .depth-1 .field-container-1 .feedback-content:after{
            bottom: auto;
            top: -26px;
            border-color: transparent transparent #fefffe transparent;
        }

/*Screen 1*/
.screen-1 .question-1 .field-container-1{
  top:50%;
  left: 50%;
  margin-left: -40px;
}
.screen-1 .question-2 .field-container-1{
  top:50%;
  left: 50%;
  margin-left: -40px;
}
.screen-1 .question-3 .field-container-1{
  top:50%;
  left: 50%;
  margin-left: -40px;
}

/*Screen 2 Summary*/

.screen-2 h3{
  margin-bottom: 20px;
}

.screen-2 .screen-content{
  /*padding-right: 315px;*/
}
/*.screen-2 .screen-content:after{
  content: '';
  display: table;
  clear: both;
  height: 100%;
}*/

.summary-content{
  float: right;
  font-size: 13px;
}

  .summary-content p{
    margin-bottom: 0;
  }

    .summary-content ol{
      margin-bottom: 0;
    }

.animation-container{
  float:left;
  width: 315px;
  margin-bottom: 90px;
}

.screen-3 .question{
  padding-top: 20px;
}

  .screen-3 .prompt{
    max-width: 360px;
    font-size: 13px;
    padding-top: 0;
  }

    .screen-3 .answer-unit{
      margin-top: 15px;
      margin-bottom: 20px;
    }
.screen-3 .field-container-1{top: 18%; left: 50%; margin-left: -35px;}
.screen-3 .field-container-2{top: 45%; left: 50%; margin-left: -35px;}
.screen-3 .field-container-3{top: 79%; left: 50%; margin-left: -35px;}

@media all and (max-width:710px){
  .animation-container{
    max-width: 100%;
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .summary-content{
    width: auto;
    max-width: 100%;
    float:none;
    margin-bottom: 20px;
  }
}