#decoder-challenge {
    background-color: #4C2DCC;
    padding-top: 64px;
    padding-bottom: 55px;
    background-position: right;
    background-repeat: no-repeat;
    overflow-x: hidden;
}
#decoder-challenge h2{
    font-weight: 700;
        font-size: 32px !important;
        line-height: 42px;
        color: #FFFFFF;
            margin-bottom: 0px;
}
#decoder-challenge .decoder-question{
    border-left: 2px solid #FFFFFF;
    padding-left:20px;
    margin-top: 40px;
    width: 90%;
}

#decoder-challenge .decoder-question .question-tag{
    font-weight: 400;
            font-size: 20px !important;
            color: #FFFFFF;
            margin-bottom:0px;
                padding-bottom: 6px;
}
#decoder-challenge .decoder-question .question{
    font-weight: 700;
            font-size: 18px !important;
            line-height: 26px;
            color: #FFED4D;
}
@media (max-width: 480px) {
    #decoder-challenge {
        padding: 3em 1em;
        background-image: none !important;
        padding-bottom: 48px;
        padding-top: 48px;
    }
        #decoder-challenge h2 {
            font-size: 24px !important;
            line-height: 34px;
        }
        #decoder-challenge .decoder-question .question-tag {
            font-size: 16px !important;
            line-height: 26px;
        }
        #decoder-challenge .decoder-question .question {
            font-size: 16px !important;
            line-height: 24px;
        }
        #decoder-challenge .decoder-banner-image{
            display:block !important;
        }
}
@media (min-width:708px)and (max-width:992px) {
    #decoder-challenge .decoder-banner-image {
        float: right;
        margin-top: -300px;
        margin-right: -80px;
    }
}

@media (min-width:992px)and (max-width:1024px) {
    #decoder-challenge .decoder-banner-image {
        float: right;
        margin-top: unset;
        margin-right: -80px;
    }
}

@media (min-width:1024px)and (max-width:1201px) {
    #decoder-challenge .decoder-banner-image {
        float: right;
        margin-top: -300px;
        margin-right: -45px;
    }
}


@media (min-width:481px) {
    #decoder-challenge .decoder-banner-image img {
        margin-top: -10px;
    }
}

@media (max-width:480px) {
    #decoder-challenge .decoder-banner-image img {
        padding-top: 10px;
    }
}

@media (min-width:1201px) {
    #decoder-challenge .decoder-banner-image img {
        margin-top: 20px;
    }
}