ul:has(w3-ul) li:hover {
			
			background-color: #04AA6D;
		}
        #wrap {
		background-image:linear-gradient(to bottom, white 10%, lightgrey 60%, white 85%);
		}

		#nav_link {
		
		display: flex;
		flex-direction: column;
	
		justify-content: center;
		align-items: center;
		
		

		width:5vw;
		max-width:10vw;

			
		gap: 30px;			
		background-color:rgba(4,170,109,.1);
		
		
		position:fixed;
		bottom:5%;
		right:20%;
		
		}
	
	
		#nav_link img {
			width: 100%;
			flex: 0 1 200px;
			outline: 3px dotted blue;

		}
	
	
	
	
	
	
	

		/*#nav_link1 {
			padding: 5px;
			border-radius:50px;
			display:flex; justify-content:center; align-items: center; 

			a {
				flex:1;
				gap: 5px;

				&:hover {
					transform: translateY(-10%);		
				}

				img { 

					width: 70%;
				}

			}
			

		}*/
		@media screen and (max-width: 768px) {
			h2 {
				font-size: 4vw;
			}
			#nav_link {
				width: 10%;
				right: 0%;
				img {
					width: 100%;
				}
			}
			
		}	
		@media screen and (max-width: 900px) {
			
			#nav_link {
				width: 10%;
				right: 5%;
				img {
					width: 100%;
				}
			}
		
		}
		@media screen and (max-width: 1200px) {
			h2 {
				font-size: 4vw;
			}
			#nav_link {
				width: 10%;
				right: 5%;
				img {
					width: 100%;
				}
			}
		}
		/*@media screen and (min-width: 1024px) {
			
			#nav_link {
				width: 5%;
				img {
					width: 50%;
				}
			}
		}*/
		#nav_link a {
			text-decoration: none;			
		}
		#nav_link a:nth-child(3) {
			position: relative;
			
			&::before {
				
				content: '\261E';
				position: absolute;
				

				font-weight: bold;
				font-size: 6em;
				color: #04AA6D;
				transform: translate(-100%, -25%);
				animation: jump 1s ease-in-out infinite;
			}
		}
		
				
		@keyframes jump {
			from {
			  transform: translate(-100%, -25%)
			}
			to {
			  transform: translate(-60%, -25%)
			}
			
		}