/* Tablet and smaller screens */
@media (max-width: 768px) {
    header {
        padding: 2em 0;
    }

    .website-name {
        margin-left: 0;
        font-size: 1.5em;
    }

    nav ul li {
        margin: 0 0.5em;
    }
	nav ul li a {
		padding: 0.8em; /* Adjust padding */
		font-size: 0.7em; /* Adjust font size for smaller screens */
		text-decoration: none; /* Remove underline from links */
	}

    .product-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile devices */
@media (max-width: 480px) {
    header {
        padding: 1em 0; /* Further reduce padding on smaller screens */
    }
	nav .logo img {
		height: 20px; /* Adjust logo size */
		width: auto;
		margin-left: 5px;
}
    nav {
    padding: 5px 2px; /* Further reduce padding on very small screens */
	}

	nav ul {
		display: flex; 
		flex-direction: row; 
		justify-content: center; 
		align-items: center;
		padding: 0; 
		margin: 0;
		list-style: none;
		gap: 0px;
	}

	nav ul li {
		margin: 0 0.2em; /* Space out menu items horizontally */
	}

	nav ul li a {
		padding: 0.4em; /* Adjust padding */
		font-size: 0.5em; /* Adjust font size for smaller screens */
		text-decoration: none; /* Remove underline from links */
	}

	
    .product-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .product {
        padding: 0.4em;
    }
	.product p {
    font-size: 0.8em;
}
	.product h3 {
    font-size: 0.6em;
}

    .footer {
        padding: 0px;
    }

    .contact-icons a {
        font-size: 20px;
    }
	footer {
        font-size: 12px; /* Adjust font size */
        padding: 10px; /* Adjust padding */
    }
}