body {
    font-family: 'Laila', serif;
    background: #fafafa;
}

footer {
    position: fixed;
    height: 60px;
    background: #537D95;
    bottom: 0;
    width: 100%;
}

h1 {text-align: center}

footer {font-size: 18px}
footer img {max-height: 50px; margin: 4px; border: 2px solid #fff}
footer div {display: inline-block; color: #fff}
footer a:link, footer a:visited, footer a:hover, footer a:active {display: inline-block; color: #fff; text-decoration: none}
footer a:after {content: ' »'}

main {max-width: 960px; margin: 30px auto; padding: 0 1em;}

.subheading {font-size: 24px; line-height: 1.5em; padding: 1em}

.start {max-width: 640px; margin: auto}
.start a.btn {background: #537D95; color: #fff; width: 100%; margin: auto; font-size: 36px}

label.answerOption {border: 3px solid #fafafa; display: block; text-align: left; font-size: 18px}
.answerImage img {width: 100%; height: auto; border: none; padding: 0em; margin: 5px 0; border: 10px solid #fff}

.answerImage img.highlighted {  border : 10px solid #537D95 !important;
    -webkit-transition : border 500ms ease-out;
    -moz-transition : border 500ms ease-out;
    -o-transition : border 500ms ease-out;
    transition : border 500ms ease-out;}

body > .question {display: block}
body .question ~ .question {display: none}

.questionRow {background: #fafafa; padding: 1em 0 0.25em}
.questionRowPlus {background: #fafafa; padding: 0.25em 0}
input[type="radio"] {position:fixed;opacity:0}
.answerImage label.answerOption.highlight {border: 3px solid #333}
.statement {font-size: 36px; text-align: center}
.checkmarkBox {font-size: 36px; float: left; margin: -6px 12px 0 0; line-height: 36px}
.checkmarkBox:after {content: '▢'}
.highlight .checkmarkBox:after {content: '✅'}
.answerText {padding: 0.5em}
.questionImage  img {width: 100%}
.imageLabel {text-align: center; font-size: 24px; color: #555; font-weight: 100}

.buttonContainer {max-width: 640px; margin: auto}
button.complete, button.next {background: #537D95; color: #fff; width: 100%; margin: auto; font-size: 36px}
input[type=checkbox]
{
    /* Double-sized Checkboxes */
    -ms-transform: scale(2); /* IE */
    -moz-transform: scale(2); /* FF */
    -webkit-transform: scale(2); /* Safari and Chrome */
    -o-transform: scale(2); /* Opera */
    padding: 10px;
}

.hide {display: block}

footer button.prev {float: right; margin: 1em; border: none; display: none}

p.error {display: none; color: red; font-weight: bold; border: 1px dotted red; padding: 0.5em}