body#learn ol.grid-cards li,
body#learn ol.grid-cards li article{
    display:flex;
    flex-flow:column;
}

body#learn ol.grid-cards li article{
    flex:1;
}

body#learn ol.grid-cards li article .card_copy{
    flex:1;
}

@media only screen and (max-width: 35em){
    html.iframe-doc:not(.video-page-html) .viewport, 
    html.iframe-doc:not(.video-page-html) body, 
    html.iframe-doc:not(.geolocation), 
    html.iframe-doc:not(.video-page-html){
        overflow-x:visible !important;
    }
}

@media (min-width:992px){
    .terms-conditions-page .mfp-close{
        border:none !important;
        background: #f33d33 !important;
    }
}

/* QUESTION FIXES 12 SEP 2018 */
.question-thumb {
    width:71px;
    height:71px;
    overflow:hidden;
}

.question-thumb img{
    height:71px;
    width:auto;
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
}

.question-img img,
.question-img.wide img{
    height:150px;
    width:auto;
}

.question-img-choice{
    width:160px;
    height:160px;
    overflow:hidden;
}

.question-img-choice img {
    height: 165px;
    width: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition:transform 0.2s ease;
}

.question-img-choice:hover img,
.selected .question-img-choice img,
.correct .question-img-choice img,
.wrong .question-img-choice img{
    -webkit-transform: scale(1.17) translate(-50%, -50%);
    -moz-transform: scale(1.17) translate(-50%, -50%);
    -ms-transform: scale(1.17) translate(-50%, -50%);
    -o-transform: scale(1.17) translate(-50%, -50%);
    transform: scale(1.17) translate(-50%, -50%);
    transform-origin:center;
}

.correct-sibling .question-img-choice img {
    transform-origin:center;
    -webkit-transform: scale(1)  translate(-50%, -50%);
    -moz-transform: scale(1)  translate(-50%, -50%);
    -ms-transform: scale(1)  translate(-50%, -50%);
    -o-transform: scale(1)  translate(-50%, -50%);
    transform: scale(1)  translate(-50%, -50%);
}

.current_year_progress{
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 15px;
    display: block;
}

.prev_year_progress {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px;
    display: block;
    position:absolute;
    top:-40px;
}

@media(max-width: 991px) {
    .prev_year_progress {
        position:static;
        top:0;
        margin-bottom:15px;
    }
}