.sp-quiz .sp-box p strong {
	font-family: 'Philosopher', sans-serif;
}

/* Mobile HD */

@media screen and (min-width: 350px) and (max-width: 760px) {
    section {
        padding: 15px;
    }
    .sp-welcome img {
        width: 100%;
        margin-top: 40px;
    }
    .sp-welcome .sp-logo {
        width: 235px;
        margin-bottom: 50px;
    }
    .sp-welcome h1 {
        font-size: 2em;
    }
    .sp-quiz .sp-box {
        padding: 10px;
    }
    .sp-quiz .sp-box ul,
    .sp-quiz .sp-box p {
        font-size: 14px;
    }
    header .sp-logo img {
        width: 60%;
    }
    .sp-breadcrumb {
        padding: 20px 10px;
    }
    .sp-breadcrumb h2 {
        margin-bottom: 10px;
        font-size: 19px;
    }
    .sp-breadcrumb ul li {
        font-size: 14px;
    }
    .col-sm-3.col-6 {
        padding: 0 5px;
    }
    .sp-meet-nibbler h2 {
        margin-top: 20px;
        font-size: 24px;
    }
    .sp-home .container .row {
        padding: 30px 0;
    }
    .sp-home h1 {
        font-size: 26px;
    }
    /* Modal Titles & Buttons - Responsive */
    #partyMood .modal-dialog .modal-content .modal-header .modal-title,
    #letsGo .modal-dialog .modal-content .modal-header .modal-title,
    #pmEdit .modal-dialog .modal-content .modal-header .modal-title,
    #readyTotravel .modal-dialog .modal-content .modal-header .modal-title {
        font-size: 25px;
    }

    #partyMood .modal-dialog .modal-content .modal-body p,
    #letsGo .modal-dialog .modal-content .modal-body p,
    #pmEdit .modal-dialog .modal-content .modal-body p,
    #readyTotravel .modal-dialog .modal-content .modal-body p {
        font-size: 14px;
        margin-bottom: 16px !important;
    }

    #partyMood .modal-dialog .modal-content .modal-body .sp-btn,
    #letsGo .modal-dialog .modal-content .modal-body .sp-btn,
    #pmEdit .modal-dialog .modal-content .modal-body .sp-btn,
    #readyTotravel .modal-dialog .modal-content .modal-body .sp-btn {
        font-size: 14px;
        padding: 10px 20px 8px 20px;
    }
    .sp-footer ul {
        gap: 10px;
    }
    .sp-myaccount .container .row {
        padding: 20px 0;
    }
    .sp-myaccount .sp-tile {
        padding: 20px;
        margin-bottom: 10px;
    }
    .sp-meet-nibbler p {
        font-size: 15px;
    }

    .sp-meet-nibbler h4 {
        font-size: 18px !important;
    }
}

/* Mobile LD */

@media screen and (max-width: 350px) {
    section {
        padding: 15px;
    }
    .sp-welcome img {
        width: 100%;
        margin-top: 40px;
    }
    .sp-welcome .sp-logo {
        width: 235px;
        margin-bottom: 50px;
    }
    .sp-welcome h1 {
        font-size: 2em;
    }
    .sp-quiz .sp-box {
        padding: 10px;
    }
    .sp-quiz .sp-box ul,
    .sp-quiz .sp-box p {
        font-size: 14px;
    }
    header .sp-logo img {
        width: 60%;
    }
    .sp-breadcrumb {
        padding: 20px 10px;
    }
    .sp-breadcrumb h2 {
        margin-bottom: 10px;
        font-size: 19px;
    }
    .sp-breadcrumb ul li {
        font-size: 14px;
    }
    .col-sm-3.col-6 {
        padding: 0 5px;
    }
    .sp-meet-nibbler h2 {
        margin-top: 20px;
        font-size: 24px;
    }
    .sp-home .container .row {
        padding: 30px 0;
    }
    .sp-home h1 {
        font-size: 26px;
    }
    /* Modal Titles & Buttons - Responsive */
    #partyMood .modal-dialog .modal-content .modal-header .modal-title,
    #letsGo .modal-dialog .modal-content .modal-header .modal-title,
    #pmEdit .modal-dialog .modal-content .modal-header .modal-title,
    #readyTotravel .modal-dialog .modal-content .modal-header .modal-title {
        font-size: 25px;
    }

    #partyMood .modal-dialog .modal-content .modal-body p,
    #letsGo .modal-dialog .modal-content .modal-body p,
    #pmEdit .modal-dialog .modal-content .modal-body p,
    #readyTotravel .modal-dialog .modal-content .modal-body p {
        font-size: 14px;
        margin-bottom: 16px !important;
    }

    #partyMood .modal-dialog .modal-content .modal-body .sp-btn,
    #letsGo .modal-dialog .modal-content .modal-body .sp-btn,
    #pmEdit .modal-dialog .modal-content .modal-body .sp-btn,
    #readyTotravel .modal-dialog .modal-content .modal-body .sp-btn {
        font-size: 14px;
        padding: 10px 20px 8px 20px;
    }
    .sp-footer ul {
        gap: 10px;
    }
    .sp-myaccount .container .row {
        padding: 20px 0;
    }
    .sp-myaccount .sp-tile {
        padding: 20px;
        margin-bottom: 10px;
    }
    .sp-meet-nibbler p {
        font-size: 15px;
    }
    .sp-meet-nibbler h4 {
        font-size: 18px !important;
    }
}