html {
              overflow-y: scroll;
        }

        body {
            font-family: Garamond;
            margin: 0;
            padding: 0;
            background-color: #f8f9fa;
            width: 100%;
            max-width: 100%;
        }

        /* Header Styles */
        header {
            background-color: #004225;
            color: white;
            padding: 7px 40px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            box-sizing: border-box;
            margin-right: 15%;
        }
        
        /* New Logo and Title Styles */
        .logo-title {
            display: flex;
            align-items: center;
            margin-left: -30px;            
        }
        
        .header-logo {
            height: 30px; /* Adjust the height as needed */
            margin-right: 40px;
            border-radius: 50%; /* This makes the image circular */
            object-fit: cover; /* Ensures the image fits well within the circle */    
        }
        
        header h1 {
            margin: 0;

        }

        header h1 a {
            color: white;
            text-decoration: none;
            font-size: 24px;
            margin-left: -30px;
        }

        .header-nav {
            display: flex;
            align-items: center;
        }

        .header-nav a {
            font-size: 16px;
            color: white;
            text-decoration: none;
            margin-left: 25px;
        }

        .header-nav a:hover {
            text-decoration: underline;
        }

        /* Footer Styles */
        footer {
            background-color: #004225;
            color: white;
            padding: 10px 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            box-sizing: border-box;
            margin-right: 15%;
        }

        footer p {
            margin: 0;
        }

        .footer-nav {
            display: flex;
            align-items: center;
        }

        .footer-nav a {
            font-size: 16px;
            color: white;
            text-decoration: none;
            margin-left: 20px;
        }

        .footer-nav a:first-child {
            margin-left: 0;
        }

        .footer-nav a:hover {
            text-decoration: underline;
        }

        /* Main Section Styles */
        main {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            padding: 20px;
            box-sizing: border-box;
            margin-right: 15%; /* Add margin to the right to accommodate fixed advertising space */
        }

        .content {
            flex: 1;
            box-sizing: border-box;
            margin-right: 0px;
            background-color: #fff;
            padding: 20px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            border-radius: 5px;
        }
        
        .content a {
            color: black;
            text-decoration: none;
        }
        
        /* Right 15% Advertising Space */
        .advertising-space {
            position: fixed;
            top: 0; /* Adjusted to start a little higher */
            right: 0;
            width: 15%;
            padding: 20px;
            text-align: center;
            background-color: #f0f0f0;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 30px; /* Adjusted gap between ads */
            height: calc(100%); /* Adjusted height accordingly */
            overflow-y: auto;
            box-sizing: border-box;
        }

        /* Removed unnecessary margin-top */

        /* Ad Container Styles */
        .ad-container {
            width: 95%;
            aspect-ratio: 1 / 1; /* Maintains a square shape */
            /* height: 125px;  Adjust the height as needed */
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            background-color: #f0f0f0; /* Optional: to ensure consistent background */
            border: 1px solid #ccc;  /* Optional: to outline the container */
        }

        .ad-container img {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
        }

        /* Ads Title Image Styles */
        .ads-title {
            width: 85%; /* Maintain existing width */
            margin-top: 70px; /* Adjust this value to push the image lower */
        }

        /* Responsive Styles */

        @media (max-width: 746px) {
            header {
                flex-direction: column;
                align-items: flex-start;
                padding: 10px;
                margin-right: 0;
            }

            .logo-title {
                display: flex;
                align-items: center;
                margin-left: 0px;            
            }
            
            .header-logo {
            height: 30px; /* Adjust the height as needed */
            margin-right: 15px;
            border-radius: 50%; /* This makes the image circular */
            object-fit: cover; /* Ensures the image fits well within the circle */    
            }
            
            header h1 {
                margin: 0;
    
            }
    
            header h1 a {
                color: white;
                text-decoration: none;
                font-size: 24px;
                margin-left: 0px; 
            }
                
            .header-nav {
                margin-top: 10px;
            }

            .header-nav a {
                margin-left: 0;
                margin-right: 15px;
            }

            footer {
                flex-direction: column;
                align-items: flex-start;
                margin-right: 0;
            }

            .footer-nav {
                margin-top: 10px;
            }

            main {
                flex-direction: column;
                align-items: center;
                margin-right: 0;
            }

            /* Updated styles for advertising space */
            .advertising-space {
                margin-top: 20px;
                display: flex;
                position: static;
                width: 100%;
                padding: 20px;
                background-color: #f0f0f0;
                box-sizing: border-box;
                flex-direction: column;
                align-items: center;
                gap: 20px;
                height: auto;
                overflow-y: visible;
            }
            
            .advertising-space a:first-child {
                margin-top: 0px;
            }
        }