html {
            font-size: 10px;
        }

        body {
            font-size: 1.6rem;
        }

        html, body {
            font-family: 'Red Hat Display', sans-serif;
            height: 100%;
        }

        h1 {
            font-family: 'Inter', Arial, Helvetica, sans-serif;
            font-size: 44px;
            font-weight: 700;
            margin-bottom: 3rem;
        }


        @media (min-width: 992px) {
            h1 {
                font-size: 54px;
            }
        }

        @media (min-width: 1200px) {
            h1 {
                font-size: 75px;
            }
        }

        h2 {
            font-family: "Inter", Arial, Helvetica, sans-serif;
            font-size: 32px;
            font-weight: 700;
        }

        @media (min-width: 992px) {
            h2 {
                font-size: 44px;
            }
        }

        @media (min-width: 1200px) {
            h2 {
                font-size: 56px;
            }
        }

        h3 {
            font-family: "Inter", Arial, Helvetica, sans-serif;
            font-size: 30px;
            font-weight: 500;
        }

        p {
            font-size: 16px;
        }

        @media (min-width: 992px) {
            p {
                font-size: 18px;
            }
        }
        @media (min-width: 1200px) {
            p {
                font-size: 22px;
            }
        }

        .bg-light-blue {
            background-color: #eaf9fd;
        }

        .bg-dark-blue {
            background-color: #01373f;
        }

        .text-lt-blue {
            color: #00f0f0;
        }

        .text--orange {
            color: #f15a24;
        }

        .text--green {
            color: #66a92f;
        }

        .highlighted-text {
            display: inline-block;
            background-color: #00ffff;
            border: 1px solid transparent;
            border-radius: 5px;
            font-weight: 600;
            padding: 0 3px;
        }

        .navbar {
           background-color:#01373f;
        }

        .navbar, .footer-content {
            padding: 15px 0px;
        }


        /* BECOME A MEMBER PAGE */
        .become-a-member-nav {
            border-radius: 8px;
            background-color: #00f0f0;
            margin: 0px 10px;
        }

        .become-a-member-nav a {
            color: #01373f !important;
        }

        .become-a-member-section {
            margin-bottom: 60px;
        }

        .become-a-member-membership-container {
            background-color: #01373f;
            border: 1px solid #01373f;
            border-radius: 14px;
            padding: 30px;
        }

        @media (min-width: 768px) {
            .become-a-member-membership-container {
                padding: 30px;
            }
        }

        @media (min-width: 1200px) {
            .become-a-member-membership-container {
                padding: 40px;
            }
        }

        .become-a-member-membership-heading {
            color: #fff;
            font-size: 32px;
            margin-bottom: 20px;
        }

        .become-a-member-membership-period-container {
            background-color: #fff;
            border: 1px solid #fff;
            border-radius: 10px;
            margin-bottom: 20px;
            padding: 20px;
        }

        @media (min-width: 992px) {
            .become-a-member-membership-period-container {
                display: flex;
                flex-direction: row;
            }
        }

        .become-a-member-membership-period-info {
            margin-bottom: 10px;
        }

        @media (min-width: 992px) {
            .become-a-member-membership-period-info {
                flex: 1;
                margin: 0;
            }
        }

        .become-a-member-membership-period-btn-container {
            width: 100%;
        }

        @media (min-width: 992px) {
            .become-a-member-membership-period-btn-container {
                position: relative;
                width: 120px;
            }
        }

        .become-a-member-membership-period-title {
            display: block;
            color: #00272d;
            font-size: 22px;
        }

        .become-a-member-membership-period-price {
            display: block;
            color: #00272d;
            font-size: 36px;
        }

        @media (min-width: 992px) {
            .become-a-member-membership-period-price {
                font-size: 40px;
            }
        }

        .add-to-cart-btn {
            color: #01373f;
            background-color: #00f0f0;
            border-color: #00f0f0;
            width: 100%;
        }

        .add-to-cart-btn:hover {
            color: #01373f;
            background-color: #00c0c0;
            border-color: #00c0c0;
        }

        @media (min-width: 992px) {
            .add-to-cart-btn {
                position: absolute;
                bottom: 0;
                right: 0;
            }    
        }

        .welcome-to-livegood-container {
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #eaf9fd;
            font-size: 24px;
            height: 80px;
            width: 100%;
        }

        .welcome-to-livegood-heading {
            color: #000;
            font-family: "Barlow-SemiBold", Arial, Helvetica, sans-serif;
            font-size: 24px;
            text-align: center;
        }


        /* HOW IT WORKS PAGE */
        .how-it-works-heading-sub-text {
            color: #fff;
            font-size: 16px;
        }

        @media (min-width: 992px) {
            .how-it-works-heading-sub-text {
                font-size: 18px;
            }
        }

        @media (min-width: 1200px) {
            .how-it-works-heading-sub-text {
                font-size: 24px;
            }
        }

        /* LOSE WEIGHT */
        .lose-weight-heading-sub-text {
            color: #fff;
            font-size: 16px;
        }
        
        @media (min-width: 992px) {
            .lose-weight-heading-sub-text {
                font-size: 18px;
            }
        }

        
        /* LIVEGOOD CLINIC FOOTER */
        .main-footer {
            margin-top: auto;
        }

        .navbar, .footer-content {
            /* padding: 15px 0px; */
            display: flex;
            flex-direction: row;
        }

        .footer-logo-link {
            display: inline-block;
            padding-top: 20px;
            padding-bottom: 20px;
            margin-right: 0;
            font-size: 1.25rem;
            line-height: inherit;
            white-space: nowrap;
        }

        .footer-links-container {
            margin-bottom: 10px;
        }

        .nav-link, .footer-links a {
           color: white !important;
           font-family: 'Inter', Arial, Helvetica, sans-serif;
           font-size: 16px;
           font-weight: 500;
        }
        .nav-item {
           padding: 0px 10px;
        }
        .footer-links a{
           padding-right:15px;
        }
        .footer-content a {
            padding-right: 15px;
        }

        .footer-copyright {
            color: #fff;
            font-size: 16px;
            text-align: center;
        }

        .main-content-generic {
             margin: 40px; 
        }
        .see-if-you-qualify-btn--dk-bl {
           background-color: #01373f;
           color: #fff;
       }

       .see-if-you-qualify-btn--lt-bl {
           background-color: #00f0f0;
           color: #171d4d;
       }

       .see-if-you-qualify-btn--dk-bl, .see-if-you-qualify-btn--lt-bl {
           display: block;
           border: 1px solid transparent;
           border-radius: 4px;
           font-size: 14px !important;
           font-weight: bold;
        }

        .see-if-you-qualify-btn--dk-bl:hover {
           background-color: #005460 !important;
           border: 1px solid transparent;
           color: #fff;
        }
        .product-list {
           margin: 20px 0px;
        }
        .product-list li {
           font-size:18px;
           font-weight:bold;
        }
        .list-text {
           font-weight:normal;
        }
        @media (min-width: 1200px) {
            .product-list li {
                font-size: 22px;
            }
        }

        .product-sub-title {
          font-size:28px;
          color:#00f0f0;
        }
        @media (min-width: 992px) {
            .product-sub-title {
                font-size: 34px;
            }
        }
        @media (min-width: 1200px) {
            .product-sub-title {
                font-size: 40px;
            }
        }

        .product-page-title {
          margin-bottom:30px;
        }
        .product-page-button {
          margin-bottom:30px;
        }
        .product-page-product {
          text-align:center;
        }
        .product-page-product img{
          max-width:90%;
        }
        #userInfo {
          position:relative;
          z-index:300;
          color:white;
          width:100%;
          text-align:center;
          background-color:#01373f;
        }