@media only screen and (min-width: 1000px) {
	.burger-menu {
		font-size: 1.5em;
		cursor: pointer;
		display: none;
	}

	html, body {
	  background-color: #ffffff;
	  color: #a7a7a7;
	  font-family: "Roboto", sans-serif;
	  font-weight: 300;
	  display: flex;
	  flex-direction: column;
	  height:100%;
	}

	main{
		flex-grow: 1;

	}

	header {
		position: relative;
		margin: 0 auto;
		width: 1000px;
		background-color: #ffffff;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 50px 0;
		z-index: 1;
	  }

	header .logo img{
		max-height: 100px;
		width: auto;
		margin:0px;
		transform: translateY(-3px);
	}

	nav a {
	  font-weight: 300;
	  display: inline-block;
	  padding: 0px 30px;
	  text-decoration: none;
	  position: relative;
	  overflow: hidden;

	  text-decoration: none;
	  color: #a7a7a7;
	}

	nav a::after {
	  content: "";
	  display: block;
	  position: relative;
	  left: 50%; 
	  bottom: 0;
	  width: 0; /* Start with no width */
	  height: 1px; /* Adjust the thickness of the underscore */
	  background-color: #a7a7a7; 
	  transition: width 0.3s ease, transform 0.3s ease;  /* Add a transition for a smooth effect */
	  transform-origin: 50% 0;
	  transform: translateX(-50%);
	}

	nav a:hover::after{

	  width: 100%;
	  transform: translateX(-50%);
	}

	nav ul {
	  	list-style: none;
	  	display: flex;
		justify-content: flex-start;
	}

	nav li {
		padding: 0px 20px;
	}


	.dropdown {
		position: relative;
		display: inline-block;
	  }
	  .dropbtn {
		background-color: white;
		border: none;
		cursor: pointer;
		
	  }
	  .dropdown-content {
		display: block;
		position: absolute;
		background-color: white;
		box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
		z-index: 1;
		opacity: 0;
		visibility: hidden;
		transform: translateY(-10px);
		transition: opacity 0.1s ease-in, transform 0.1s ease-in;
		
	  }
	  .dropdown:hover .dropdown-content {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
	  }
	  .dropdown-content a {
		padding: 12px;
		display: flex;
		align-items: center;
		text-decoration: none;
	  }
	  .dropdown-content img {
		width: 20px;

	  }






	.divider {
		width: 1000px; /* Matches the header width */
		margin: 0px auto; /* Centers the divider */
		border: none; /* Removes default styling */
		height: 1px; /* Thickness of the line */
		background-color: #d6d6d6; /* Matches the header color or a lighter shade */
	  }
	  .divider-bottom {
		width: 1000px; /* Matches the header width */
		margin: 50px auto; /* Centers the divider */
		border: none; /* Removes default styling */
		height: 1px; /* Thickness of the line */
		background-color: #d6d6d6; /* Matches the header color or a lighter shade */
	  }

	.social-icons {
		margin: 0 auto;
		position: flexible;
	}
	.social-icons img {
		max-height: 30px;
		width: auto;
		margin:0px;
	}

	p {
		font-weight: 200;
		font-size: 1.3em; 
		font-family: "Roboto", sans-serif;
	}

	h1{
		font-weight: 300;
		font-size: 1.5em; 
	}

	h2{
		margin-top: 0px;
		font-weight: 300;
		font-size: 2em; 
	}

	h3{
		font-weight: 300;
		font-size: 2.5em; 
		font-family: "Roboto", sans-serif;
	}






	.work {
		position:relative;
	  padding: 40px 20px;
	  margin: 0 auto;
	  width: 1000px;
	  text-align:center;
	  height:auto;
	}

	.work-title{
		text-align: left;
		width: 45%;
		margin-bottom: -200px;
		padding: -100px -100px;
	}

	.image-grid {
		position: relative;
		margin: 0 auto;
		margin-bottom: 250px;
		margin-top: 50px;

	  display: grid;
	  grid-template-columns: repeat(2, 1fr);
	  column-gap: 20px;
	  row-gap: 20px;

	  width: 1000px;
	  height: auto;
	  box-sizing: border-box;

	  grid-auto-rows: auto; /*added*/
	}

	.image-grid .image-wrapper:nth-child(odd) {
		transform: translateY(50%); /* Move the items in the second column up by 50% of their height */
	  }
	.image-grid .image-wrapper {
		position:relative;
		overflow: hidden; 
		width: 100%;
		height: 100%;
		
	}

	.image-grid img{
		width: 100%;
		max-height: none;
	  	height: 450px; 
	  	object-fit: cover; 
	  	cursor: pointer;
	  	transition: filter 0.3s ease, transform 0.3s ease; /* Combine multiple transitions */
	 	 transform-origin: center center; /* Set the transform origin to the center of the image */
	}

	.image-grid img:hover {
		filter:opacity(90%);
	  	transform: scale(1.05);
	}

	.image-grid .with-description img:hover {
		filter: brightness(200%);
		filter:opacity(20%);
	}

	.image-text {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		color: rgb(88, 88, 88); /* Text color */
		font-size: 22px; /* Adjust font size */
		opacity: 0; /* Hide the text by default */
		transition: opacity 0.3s ease;
		text-align: left; /* Center the text */
		pointer-events: none; /* Ensure text doesn't block interactions */

		width: 80%;
		box-sizing: border-box;
		
	  }
	  .image-wrapper:hover .image-text {
		opacity: 1; /* Show text on hover */
	  }


	  .overlay {
		display: none;
		z-index: 2;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.8);
		justify-content: center;
		align-items: center;
	}
	
	.overlay-content {
		background: white;
		flex-direction: column; 
		
		padding: 20px;
		border-radius: 5px;
		
		
		max-height: 90vh;
		max-width:min-content;
	
		overflow: hidden;
		align-items: center;
	}
	
	.overlay img {


		

		max-width: 90vw;
		max-height:75vh;
		height: auto;
	}
	
	.overlay-text {
		
		
		padding:10px;
		color: rgb(52, 52, 52);
		text-align: left;
		box-sizing: border-box;
	}


	.banner {
		height: auto;
		background-size:cover;
		padding-top: 120px;
		padding-bottom: 20px;
		padding-right:20px;
		padding-left:20px;
		justify-content: center;
		align-items: center;
	  }

	  .banner-content{
	
		align-items:center;
		display:flex;
		justify-content:center;
		position: relative;
	}
	

	.banner-image{
		 padding:20px;
	}

	.banner-image img {
	  max-width: 100%;
	  height: auto;
	  max-height:300px;
	  margin-right: 20px; /* Adjust spacing between image and text */
	}

	.banner-text-content{
	
		flex:1;
		float:left;
		max-width: 600px;
	}

	.Contact-text-content{
	
		align-items:center;
		display:flex;
		justify-content:center;
		position: relative;

		transform: translate(-300px, 0);
	}

	footer {
		display: inline-block;
	  	background-color: #e8e8e8;
	  	padding: 30px 100px;
	  	text-align: center;
		
		left:0;
		bottom:0;
	}



	footer a {
	  	color: #ffffff;
		margin:0 auto;
	  	text-decoration: none;
		display: inline-block;
	  	padding: 10px 20px;
	  	border-radius: 5px;
	}

	footer p {
		padding: 0px 0px;
		margin: 10px 0px;
	}

	.social-icons {
		display: inline-block;

	}
}