(max-width: 768px) {
            .slider-title {
                font-size: 1.5rem;
            }
            .slider-subtitle,
            .slider-text {
                font-size: 1rem;
            }
            .carousel-caption {
                padding-bottom: 3rem;
            }
        }
        
    </style>


    <br>
    <br>
    <br>

<!--     <button class="fixed-button" onclick="openNutrition()">Nutrition Tips</button>
    <script>
        function openNutrition() {
     