body {
        margin: 0;
        font-family: Arial, sans-serif;
    }

    /*#popupNote {
        position: fixed;
        top: 30%;
        left: 50%;
        transform: translate(-50%, -50%);
        background: rgba(0, 0, 0, 0.85);
        color: white;
        font-size: 2rem; 
        font-weight: bold;
        padding: 20px 40px;
        border-radius: 10px;
        z-index: 9999;
        text-align: center;
        box-shadow: 0 4px 20px rgba(0,0,0,0.5);
        opacity: 0;
        transition: opacity 0.5s ease;
    }*/

    /* Main container with two columns */

    .container {
        display: flex;
        flex-direction: column;
        min-height: 100vh;
    }
    .layout {
        display: flex;
        width: 98vw;
        min-height: 80vh;
    }
    .top-row {
        display: flex;
        gap: 10px;
        margin-bottom: 10px;
    }

    .top-row img {
        width: 100%;
        height: auto;
        /*object-fit: cover;*/
        border-radius: 5px;
    }

    /* Bottom row inside right column */
    .bottom-row {
        display: flex;
        
        padding: 2px;
        box-sizing: border-box;
        background-color: #ffffff;
        background-color: #eaeaea;
        padding: 10px;
        border-radius: 5px;
        Z-index: 5;
    }
     .footerDiv{
        display: flex;
        flex-direction:column-reverse;
        justify-content: flex-start;
        align-items: flex-end;
    }
    .footerImg {
        max-width: 100%; /* Ensures the image scales down to fit the container */
        height: auto;    /* Maintains the aspect ratio */
    }

    /*-----------------------Below here is only required if a static fullwidth image is not used-----------------------*/
    /* Left column - 20% width */
    .right-column {
        padding-top: 20px;
        flex: 0 0 28%;
        background-color: #f0f0f0;
        padding: 10px;
        box-sizing: border-box;
    }

	.pTop {
		margin-top: 1vw;
		margin-right: 1.5vw;
		/*margin-left: 0.5vw;*/
		max-width: 10vw;
		font-family: "src: url('CHa/fonts/texgyretermes-regular.otf') format('texgyretermes";
		color: rgb(103, 108, 113);
		font-size: .3rem; /* Fallback for older browsers */
		font-size: clamp(0.3rem, 2vw, 2.0rem);
		white-space: nowrap;
	} 
	.plower {
		margin-top: -2vw;
		margin-right: 2vw;
		/*margin-left: 0.5vw;*/
		max-width: 10vw;
		font-family: "src: url('CHa/fonts/texgyretermes-regular.otf') format('texgyretermes";
		color: rgb(103, 108, 113);
		font-size: .3rem; /* Fallback for older browsers */
		font-size: clamp(.3rem, 2vw, 2.0rem);
		white-space: nowrap;
	} 

    .plowerWrap {
		margin-top: -2vw;
		margin-right: 2vw;
		/*margin-left: 0.5vw;*/
		max-width: 10vw;
		font-family: "src: url('CHa/fonts/texgyretermes-regular.otf') format('texgyretermes";
		color: rgb(103, 108, 113);
		font-size: .3rem; /* Fallback for older browsers */
		font-size: clamp(.3rem, 2vw, 2.0rem);
		white-space: nowrap;
	} 
    .pMap {
		margin-top: 0.5vw;		
		font-family: "src: url('CHa/fonts/texgyretermes-regular.otf') format('texgyretermes";
		color: rgb(103, 108, 113);
		font-size: .2rem; /* Fallback for older browsers */
		font-size: clamp(.2rem, 2vw, 2.0rem);
		white-space: nowrap;
	} 
    /* Right column - 70% width */
    .left-column {
        flex: 0 0 70%;
        display: flex;
        flex-direction: column;
        padding: 2px;
        box-sizing: border-box;
        background-color: #ffffff;
    }

    /* Top row inside right column */
    .top-row {
        display: flex;
        gap: 10px;
        margin-bottom: 10px;
    }
	.iFrameMap{
        display: flex;
        
		margin-top: -1vw;
		/*margin-bottom: 15vh;*/
		
		margin-left: 5vw;
		 overflow-y: auto;
		width: 70vw;
		height: auto;
		margin-left: 1%;

		border: 1px #b8bcbc;
	   
	}

    /* ------------------ Overlay -----------------------*/

 .overlay {
        position: fixed;
        top: 20px;
        left: 20px;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.8);
        display: flex;
        justify-content: center;
	 	    color: rgba(83,79,94,1.00);
        align-items: center;
        z-index: 1000;
      }

      .overlay img {
        max-width: 93%;
        max-height: 93%;
        object-fit: contain;
        /*border: 2px solid white;
        border-radius: 10px;*/
      }

      .overlay-close {
        position: absolute;
        top: 20px;
        right: 20px;
        color: rgb(247, 6, 6);
        font-size: 100px;
        cursor: pointer;
      }

      .overlay.active {
        display: flex;    
        font-family: 'texgyretermes';
      }