/* Adjustments for mobile screens */
		@media (max-width: 480px) {
			

			
					
			/* Dark overlay styling */
			.overlay1 {
				position: absolute;
				bottom: 0;
				width: 100%;
				height: 40%; /* 30% height from bottom */
				background: rgba(0, 0, 0, 0.6); /* Dark overlay */
				display: flex;
				flex-direction: column;
				align-items: left;
				justify-content: left;
				color: white;
				padding: 5;
				text-align: left;
			}	


			#test3 {
			text-align:left; 
			font-size: 4vw;
			font-weight: bold;
			}

		
	
			#test2 {
			text-align:left; 
			font-size: 4vw;
			font-weight: bold;
			}

		
			#test1 {
			text-align:left; 
			font-size: 6vw;
			font-weight: bold;
			}
			
			#test4 {
			text-align:left; 
			font-size: 2vw;
			font-weight: bold;
			}
			
			
			
		}