@media only screen and (max-width: 1536px) {

    footer {
        width: 1200px !important;
        margin: 0 auto !important;
    }

    #flex-container > header {
        padding-bottom: 4px !important;
    }

}

@media only screen and (max-width: 1200px) {

    #mainContainer {
        width:100% !important;
    }

    footer {
        width: 960px !important;
        margin: 0 auto !important;
    }

    #flex-container > header {
        padding-bottom: 4px !important;
    }

}

@-moz-document url-prefix() {
    #flex-container > header {
        padding-bottom: 0px !important;
    }
}

@media only screen and (max-width: 960px) {
    footer {
        width: 768px !important;
        margin: 0 auto !important;
    }
}

@media only screen and (max-width: 767px) {

  #q_sya {
    margin-top: 50px !important;
    width: 80% !important;
  }

    #btn_previous, #btn_next {
        width: 40% !important;    
    }

    #quest_wrapper{
        width: 420px !important;
    }

    footer{
        width: 420px !important;
        margin: 0 auto !important;
    }

    .container:after {
        background: white !important;
    }

}

@media only screen and (max-width: 479px) {

    #quest_wrapper {
        margin-left: -10px !important;
        width: 200px !important;
    }

    footer {
        width: 300px !important;
        margin: 0 auto !important;
    }

}

@media only screen and (max-width: 400px) {

    #quest_wrapper {
        margin-left: -15px !important;
        width: 330px !important;
    }

    footer {
        width: 300px !important;
        margin: 0 auto !important;
    }

}

#searchsubmit {
    background: url(/media/rushcliffe/styleassets/images/headerBlockCorner.jpg) top right no-repeat #737578 !important;
}

a {
    color: #00536f !important;
}

.fa-rss {
    color: #B85E05 !important;
}

a:hover {
    color: #57822B !important;
}

#headerLinks a {
    color: white !important;
}

.sidebar a {
    color: white !important;
}

#quest_wrapper > h2.extraInfo{
    padding-top: 20px !important;
}

#flex-container {
    margin: 0 !important;
    padding-bottom: 20px !important;
}

#promoBoxContainer{
    margin: 0 !important;
}

#promoBoxContainer > h1 {
    padding-left: 15px !important;
}
