.containerL {
		flex-direction: column; /* Stack columns vertically */
		align-items: center; /* Center columns */
	}
	.columnL {
		width: 100%; /* Make columns full width on smaller screens */
		margin-bottom: 20px; /* Add space between stacked columns */
	}

	button, .buttonM, .buttonM1 {
		border: none;
	}
	main {
		padding-left: 1rem;
		padding-right: 1rem;
	}	

	th, td {
		font-size: 12px; /* Font size for mobile */
	}

	header img {
		margin-right: 2px;
		padding: 0.4em;
		width: 1.0em; /* Make the image responsive */
		height: auto; /* Maintain aspect ratio */
		border: 1px;
	}
	.rounded {
		width : 300px;
		border-radius: 0px; /* You can adjust the value to make the edges more or less rounded */
	}
	
	.menu-icon {
		display: inline-block;
		color: #215DA5 !important;
		cursor: pointer;
		z-index: 1000;
		
	  position: fixed;
	  top: calc(100px / 2 - 15px); /* Adjust based on actual header and icon height */
	  right: 20px;
	}

	.menu-icon div {
		width: 35px;
		height: 5px;
		background-color: #215DA5; 
		margin: 6px 0;
		transition: 0.4s;
	}
	
	
  .header-bar {
    position: relative;
    flex-direction: column;
    align-items: flex-start;
  }
  
  .legal-links {
    display: none; /* Hide only the links */
  }

  .legal-buttons {
    position: absolute;
    top: 30px;
    right: 10px;
    display: flex;
    gap: 10px;
  }
  
  #loginButton,
  #logoutButton {
    display: inline-block;
  }  

  .logo {
    width: 80px; /* smaller on phones */
	height: 50px; /* keep original height */
	margin-bottom: 10px;
	  padding-right : 130px;

    object-fit: cover; /* crop the image instead of scaling */
    object-position: left;
	overflow: hidden;
	  
	  
  }
	
	
    header h1 {
        font-size: 24px; /* Smaller size for mobile screens */
    }
    header h1 {
        font-size: 20px; /* Even smaller size for very small screens */
    }
    .group {
        padding: 10px; /* Adjust padding for smaller screens */
		width : 90%;
		max-width : none;
	}

    .columnL1 {
        flex: 0 0 100%; /* On small screens, columns take 100% width */
        min-width: 100%;
    }