#quiz-button {
    position: fixed;
    top: auto;
    bottom: 0;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
}
#quiz-button > * {
    background-color: #ea100e;
}
#quiz-button > *:hover {
    background: #f06665 !important;
}
#quiz-button > *.rounded-top {
    border-top-right-radius: 0.8rem !important;
    border-top-left-radius: 0.8rem !important;
    /*background: linear-gradient(to bottom, #f06665, #ea100e);*/
    text-shadow: 0 1px 1px #730a08;
}



.quiz-modal .modal-content {
    min-height: 75%;
}

.quiz-modal .modal-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border: none;
}

.quiz-modal .modal-header .close {
    color: #c82333;
    font-size: 3rem;
}

@media (max-width: 768px) {

    #quiz-button {
        top: auto !important;
        margin: 0;
/*        bottom: 20%;
        left: 16px;*/
    }
}

@media (min-width: 1200px) {

    .quiz-wrapper .step {
        background-image: url('../images/start.jpg');
        background-repeat: no-repeat;
        background-position: 0 100%;
        background-size: cover;
    }

    .quiz-wrapper .step::before,
    .quiz-wrapper .step::after {
        content: "";
        position: absolute;
    }

    .quiz-wrapper .step::before {
        width: 2rem;
        height: 100%;
        left: 0;
        top: 0;
        background-image: linear-gradient(to right, #fff, transparent);
    }

    .quiz-wrapper .step::after {
        width: 100%;
        height: 2rem;
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        background-image: linear-gradient(to top, #fff, transparent);
    }

    .quiz-wrapper .step.step-1 {
        background-image: url('../images/slide1.jpg');
    }
    .quiz-wrapper .step.step-2 {
        background-image: url('../images/slide2.jpg');
    }
    .quiz-wrapper .step.step-3 {
        background-image: url('../images/slide3.jpg');
    }
    .quiz-wrapper .step.step-4 {
        background-image: url('../images/slide4.jpg');
    }
    .quiz-wrapper .step.step-5 {
        background-image: url('../images/slide5.jpg');
    }
}