/* Adjustments for tablets and smaller screens */
		@media (max-width: 768px) {
			#test4 {
			text-align:left; 
			font-size: 1.5vw;
			font-weight: bold;
			}
			
			/* Dark overlay styling */
			.overlay1 {
				position: absolute;
				bottom: 0;
				width: 100%;
				height: 32%; /* 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: 5px;
				text-align: left;
				
				
			}	
		
			/* Background styling */
			.section1_1 {
				flex-direction: column;
				align-items: left;
				justify-content: left;
				text-align: left;
				color: white;
				width: 90%;
				bottom: 2%;
				position: absolute;
				padding: 10px;
				height: 15%; /* 30% height from bottom */
				background: rgba(0, 0, 0, 0.6); /* Dark overlay */
			}
			
			#test3 {
			text-align:left; 
			font-size: 2.5vw;
			font-weight: bold;
			}


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



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