@media screen and (max-height: 800px) {
    body {
        padding: 10px;
        -moz-transform: scale(0.8,0.8);
        -ms-transform: scale(0.8,0.8);
        -o-transform: scale(0.8,0.8);
        -webkit-transform: scale(0.8,0.8);
        transform: scale(0.8,0.8);
        -moz-transform-origin: left top;
        -ms-transform-origin: left top;
        -o-transform-origin: left top;
        -webkit-transform-origin: left top;
        transform-origin: left top;
    }
}

.performance .intro .studytitle, .performance h2 {
    font-size: 90px;
}

.performance .question {
    display: inline-block;
    font-size: 25px;
    margin-left: 2em;
    margin-right: 2em;
}
.performance .blockInstructions .question {
    margin-left: 0;
}

.performance .row.chartContainer {
    margin-bottom: -50px;
}

.practice, .result {
    color: rgb(31, 120, 180);
}
.result.Error, .result.TooLong {
    color: rgb(180, 60, 31);
    font-weight:bold;
}

.target {
    display:inline-block;
    font-size: 25px;
    font-weight: bold;
}

.target span{
    display: block;
}

.row.instructions {
    margin-top: 10em;
}

.result p {
    margin-top: 0;
}

.result.Error p:last-of-type, 
.instructionsUnderChart{
    margin-bottom: 0;
}

.result.Continue p {
    display: inline-block;
    margin-bottom: 0;
}
.result.Continue #progressOutline {
    display: inline-block;
    margin-left: 2em;
    width: 100px;
}