h1 {
    background-color:   rgb(63, 200, 79);
    width:              100%;
    color:              rgb(255, 255, 255);
    text-align:         center;
    text-transform:     uppercase;
    height:             60px;
    font-size:          30px;
    line-height:        60px;
    vertical-align:     middle;
    margin-top:         0px;
    text-shadow: 0 1px 2px rgb(48, 149, 60);
}

.button-wrapper {
    padding-top:    3em;
    text-align:     center;
}

.ZHFlipPage.ZHEspeciaisQuiz-intro p:first-child{
    font-size:  2em;
}

#ZHEspeciaisQuiz-start, #ZHEspeciaisQuiz-restart {
    font-size:  1.5em;
    cursor:     pointer;
    margin:     60px 0 140px 0;
    border: none;
    border-radius: 2px;
    background-color: rgb(63, 200, 79);
    color: #fff;
    padding: 10px 20px;
}

#ZHEspeciaisQuiz-restart {
    margin-top:     20px;
}

#ZHEspeciaisQuiz-start:hover, #ZHEspeciaisQuiz-restart:hover {
    background-color: rgb(55, 157, 67);
}

.ZHFlipPage p {
    font-size:  1.2em;
}

.ZHFlipPage p:first-child {
    padding:    /*1em*/ 0 1.5em 0em 1.5em;
    font-size:  24px;
    text-align: center;
}

.ZHEspeciaisQuiz-image-container {
    width:              100%;
    padding:            0% 0% 2% 0%;
    text-align:         center;
    height:             auto;
    background-color:   rgb(255, 255, 255);
}

.ZHEspeciaisQuiz-image-container img {
    width:  100%;
    height: auto;
}

.ZHEspeciaisQuiz-alternative {
    box-sizing:         border-box;
    background-color:   rgb(255, 255, 255);
    display:            inline-block;
    float:              left;
    width:              25%;
    height:             auto;
    text-align:         center;
    text-decoration:    none;
    color:              rgb(0, 0, 0);
    border:             1px solid rgb(255, 255, 255);
    min-height:         150px;
    padding:            0.25em;
    cursor:             pointer;
    
    line-height: 26px;
    font-size: 24px;
}

.large-images .ZHEspeciaisQuiz-alternative:nth-child(odd) {
    margin-left:    5%;
}

.large-images .ZHEspeciaisQuiz-alternative {
    width:  45%;
}

.ZHFlipPage.ZHEspeciaisQuiz-full .ZHEspeciaisQuiz-alternative, 
.ZHEspeciaisQuiz-alternative.ZHEspeciaisQuiz-full {
    min-width:  100%;
    width:      100%;
    max-width:  100%;
    
    min-height: initial;
    text-align: left;
    
    display:    block;
    clear:      both;
}

.ZHEspeciaisQuiz-alternative:nth-child(even) {
    clear:  right;
}

.ZHEspeciaisQuiz-alternative img {
    min-width:  90%;
    width:      90%;
    max-width:  90%;
    
    height:     auto;
    cursor:     pointer;
    
    border-radius: 4px;
}

.ZHEspeciaisQuiz-alternative:hover, 
.ZHEspeciaisQuiz-alternative.over, 
.ZHEspeciaisQuiz-alternative:active, 
.ZHEspeciaisQuiz-alternative.active {
    background-color:   rgb(63, 200, 79); /*rgb(197, 238, 202);*/
    color:              rgb(0, 0, 0);
    text-decoration:    none;
}

.ZHEspeciaisQuiz-alternative.ZHEspeciaisQuiz-alternative-right {
    border-color:   rgb(63, 200, 79);
}

.ZHEspeciaisQuiz-alternative.ZHEspeciaisQuiz-alternative-wrong {
    border-color:   rgb(193, 39, 45);
}

.ZHEspeciaisQuiz-progress-bar, 
.ZHEspeciaisQuiz-progress-bar-inner-bar, 
.ZHEspeciaisQuiz-progress-text {
    height:         30px;
    line-height:    30px;
    vertical-align: middle;
}

.ZHEspeciaisQuiz-progress-bar {
    width:              100%;
    background-color:   rgb(155, 226, 164);
    text-align:         left;
    
    position:           absolute;
    bottom:             0px;
}

.ZHEspeciaisQuiz-progress-bar .ZHEspeciaisQuiz-progress-bar-inner-bar {
    display:            inline-block;
    float:              left;
    position:           absolute;
    background-color:   rgb(63, 200, 79);
    z-index:            100;
}

.ZHEspeciaisQuiz-progress-bar .ZHEspeciaisQuiz-progress-bar-text {
    display:    inline-block;
    position:   absolute;
    width:      100%;
    text-align: center;
    color:      rgb(32, 100, 40);
    z-index:    200;
}

.ZHEspeciaisQuiz-result h2, 
.ZHEspeciaisQuiz-result h3,
.ZHEspeciaisQuiz-result p {
    padding:    0em 1.5em 0.5em 30px;
    text-align: center;
}

.ZHEspeciaisQuiz-result img {
    width:          100%;
    height:         auto;
    margin-bottom:  1em;
}