.answer-text {
color: #000;
}
.result-footer-button {
    background: #FF9900 !important;
}
.popup-decline {
    display:none;
}
.popup-accept{
    background: linear-gradient(to right, #f97316, #dc2626) !important;
    color: white !important;
}
@media only screen and (max-width:500px){
body {
     min-height: unset !important; 
}
    .site-content {
        display: flex;
         align-items: center;
        height: 100%;
    }
    .max-wrapper {
    max-width: 90%;
}
.card-btn {
    font-size: 13px;
}
.answer-text.text-base {
    padding-left: 8px;
}
.intro-subtitle {
    margin-bottom: 0;
}
.intro-title {
    font-size: 2.4rem;
}
.share-button {
   font-weight: normal !important;
        padding: 0.55rem .5rem;
        font-size: 14px;
        width: 50%;
        justify-content: center;
}
.result-footer-button {
    padding: 0.75rem .7rem;
    margin-bottom: .5rem;
    max-width: 75%;
    
}
.refresh-btn {
    max-width: 1.2rem;
}
.retake-button {
    font-weight: normal !important;
    padding: 0.55rem .5rem;
    font-size:14px ;
    width: 50%;
    justify-content: center;
}
.result-info-box {
   padding: .5rem .5rem;
    font-size: 9px;
    width: 95%;
}
 .last-wrapper{
    max-width: 100%;
    /*padding-top: 15%;*/
    /*height: 100vh;*/
    /*overflow-y: scroll;*/
}
.last-wrapper .cards-container {
    max-width: 100%;
}
.store-btns {
    width: 68%;
}
.last-image{
    padding-bottom: 8px !important;
}
.cards-container {
    height: 70vh;
}
.result-actions {
    max-width: 75%;
        margin: auto;
    margin-bottom: .7rem !important;
}
.last-image img {
    max-width: 75%;
}
.quiz-footer {
    margin-top: 0;
    bottom: -12px;
    right: -5px;
}

}

@media only screen and (min-width:320px) and (max-width:375px){
.max-wrapper {
    padding: 1rem !important;
}
.intro-subtitle {
    font-size: 1rem;
}
.firefox-logo {
    margin-bottom: 1rem;
}
/*.firefox-logo img {*/
/*    max-width: 60px;*/
/*}*/
.browser-header {
    margin-bottom: 1rem;
}
.answer-button {
    padding: .7rem;
    min-height: 4rem;
}
    .result-footer-button {
        font-size: 14px;
    }
 
}
@media only screen and (min-width:384px) and (max-width:389px){
 body {
min-height: unset !important; 
}
.answer-button {
    padding: 1rem;
    min-height: 4rem;
}
}
@media only screen and (min-width:1000px) and (max-width:1100px){
.max-wrapper {
    max-width: 70rem;
    padding: 5rem;
}
.fox-emoji {
    font-size: 2.4rem;
}
.browser-header {
    margin-bottom: 3.5rem;
    padding: 2.75rem;
}
.control-dot {
    width: 2rem;
    height: 2rem;
}
.browser-url {
    padding: 1.2rem 1.4rem;
    font-size: 2.4rem;
}
.browser-icon {
    width: 4.5rem;
    height: 4.5rem;
    font-size: 2.5rem;
}
.intro-title {
    font-size: 6rem;
    margin-bottom: 4rem;
}
.intro-subtitle {
    font-size: 3.4rem;
    margin-bottom: 4.5rem;
}
.intro-description {
    padding: 3rem;
    margin-bottom: 4.5rem;
}
.intro-description p {
    font-size: 2.6rem;
}
.start-button {
    padding: 2.5rem 4rem 2.7rem 4rem;
    font-size: 3.125rem;
    border-radius: 2.75rem;
    margin-bottom: 4.5rem;
}
.footer-text {
    font-size: 3.2rem;
}
.answer-button {
    width: 100%;
  padding: 4.2rem 3.4rem;
    min-height: 11rem;
    font-size: 3rem;
}
.answer-emoji {
    font-size: 4rem;
}
.answer-text.text-base {
   font-size: 3.4rem;
}
.question-text {
    font-size: 3.5rem;
    margin-bottom: 5rem !important;
}
.progress-section {
    margin-bottom: 4rem;
}
.progress-text {
    font-size: 2.4rem;
}
.quiz-progress-bar {
    height: 1.75rem;
    border-radius: 4.375rem;
}
.cards-container {
  max-width: 100%;
  height: 73vh;
}
.store-btns {
    width: 65%;
}
.page-loader img.loader {
    width: 200px;
}
.ldBar {
    width: 400px !important;
    height: 400px !important;
}
.ldBar-label {
    font-size: 48px;
}
.last-screen .last-image {
    margin-bottom: 50px !important;
}
.share-button {
    padding: 1rem 2.4rem;
    font-size: 3rem;
    border-radius: 6rem;
}
.retake-button {
    padding: 1rem 2.4rem;
    font-size: 3rem;
    border-radius: 5rem;
}
.result-info-box {
   border-radius: 2rem;
    padding: 1rem;
    margin-bottom: 1rem;
    font-size: 3rem;
    border: 5px solid #b6a5ff;
}
.result-footer-button {
    padding: 1rem 2rem;
    font-size: 3rem;
    border-radius: 9rem;
    margin: 40px auto;
}
.result-actions {
    margin-bottom: 2.5rem;
}
.terms-popup .title {
    font-size: 48px;
}
.terms-popup {
   max-width: 79%;
        max-height: 75vh;
        padding-top: 20px !important;
        padding: 26px !important;
}
.terms-popup p {
    font-size: 26px;
}
.mfp-close-btn-in .mfp-close {
    font-size: 48px;
}
.terms-popup .button-container a {
    width: 50%;
    max-height: 98px !important;
    margin: 0 auto;
    font-size: 32px !important;
    border-radius: 50px !important;
}
.lbar-message {
    font-size: 32px;
}
.mfp-close {
     
    right: 13px;
    top: 10px;
}
}