@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');



html { scroll-behavior: smooth; } 



body{



    font-family: 'Roboto', sans-serif;

}



header

{

    width: 100%;

    height: 101px;

    display: flex;

    position: absolute;

    font-weight: 800;

    align-items: center;

    padding-left: 4rem;

    padding-right: 4rem;

    justify-content: space-between;

}



.header-logo{

    height: 30px;

    object-fit:contain;

}



footer

{

  padding-top: 35px;

  padding-bottom: 35px;

  background-color: black;

  height: 300px;

  width: 100%;

  display: flex;

  flex-direction: column;

  justify-content: center;

  gap: 30px;

  align-items: center;

  color: white;

  text-align: center;

}



.project-main

{

	padding-top: 140px;

	min-height: 100vh;

	display: flex;

	align-items: center;

	flex-direction: column;

}



.projects-filter

{

	display: flex;

	font-weight: 400;

	gap: 24px;

	visibility:visible;



}



.projcet-p-new

{

	font-weight: 500;

	margin-top: 1rem;

	color: #5a5a5a;

	align-self: flex-start;

	opacity: 1 !important;

	transition: all 1s ease-in-out;

}



.project-open

{

	display: flex;

	height: 700px;

	max-width: 95%;

    gap: 20px;

    align-self: center;

    overflow-x: hidden;

    overflow-y: hidden;

    transition: all 0.2s;

    will-change: transform;

    user-select: none;

    cursor: pointer;

}

.project-text

{

	display: flex;

	max-height: 100%;

	min-width: 0;

	max-width: 0px;

	flex-grow: 1;

	opacity: 0 !important;

	transition: opacity 2s ease; /* Geçiş süresi ve efekti ayarlayabilirsiniz */

}



.projects

{

	display: flex;

	flex-direction: column;

	justify-content: center;

	gap: 40px;

	margin-top: 40px;

	min-width: 65%;

	max-width: 100%;

}

.project

{

	display: flex;

	gap: 20px;

	height: 400px;

	align-self: center;

	max-width: 100%;

}

.project-content

{

	display: flex;

    flex-direction: row;

    height: 100%;

    width: 100%;

    gap: 20px;

	cursor: pointer;

    align-self: center;

    overflow-x: hidden;

    overflow-y: hidden;

    transition: all 0.2s;

    will-change: transform;

    user-select: none;

}

.project-showimg

{

	height: 100% ;

	width: 600px !important;

	object-fit: cover;

	transition: all 1s ease-in-out;

}

.project-open > .project-content > .project-showimg

{

	height: 100% ;

	width: 900px !important;

	object-fit: cover;

	transition: all 1s ease-in-out;

}



.project-img

{

	height: 100%;

	width: 0px;

  	object-fit: cover;



	opacity: 0;

	transition: opacity 3s ease; /* Geçiş süresi ve efekti ayarlayabilirsiniz */

}



.project-left

{

	display: flex;

	flex-direction: column;

	height: 100%;

	width: 250px;

	min-width: 250px;

}

.project-left-img

{

	width: auto;

	max-height: 100px;

	object-fit: contain;

}

.projcet-p

{

	font-weight: 600;

	margin-top: 0.5rem;

	font-size: 14px;

	align-self: flex-start;

}



.projcet-p-adres

{

	font-weight: 500;

	margin-top: 1rem;

	color: #5a5a5a;

	align-self: flex-start;

}



.active-p-filter

{

	font-weight: 500;

	color: #000000;

	text-transform: uppercase;

}



.p-filter

{

	font-weight: 300;

	color: #919191;

}



.project-filter-mobile

{

	display: none;

	visibility: hidden;

}



.footer-logo

{

  height: 50px;

  object-fit:contain;

}

.welcome

{

  min-height: 100vh;

  width: 100%;

}

.welcome > img

{

  height: 100%;

  width: 100%;

  object-fit: cover;

}



.about-us{

	min-height: 120vh;

	width: 100%;

	display: flex;

	justify-content: center;

	align-items: center;

	margin-bottom: 35px;

}

.about-context

{

	width: 50%;

	display: flex;

	flex-direction: column;

	gap: 24px;

}



.context > h1{

	font-size: 24px;

	font-weight: 800;

	margin-bottom: 8px;

}



.wide-menus

{

	display: flex;

	font-weight: 400;

	gap: 24px;

}



.team

{

	margin-top: 60px;

}



.team > h1{

	font-size: 24px;

	font-weight: 800;

	margin-bottom: 8px;

}

.member

{

	position: relative;

	display: flex;

	overflow: hidden;

}



.member:hover .member-info

{

	display: flex;

}





.member-info

{

	display: flex;

	flex-direction: column;

	bottom: -100px;

	height: 100px;

	width: 100%;

	position: absolute;

	background: #ffffffc0;

	justify-content: space-evenly;

	align-items: center;

	backdrop-filter: blur(10px);

}



.member-info  h1

{

	font-size: 16px;

	font-weight: 800;

	letter-spacing: 2px;

}



.member-info  p

{

	font-size: 16px;

	font-weight: 500;

	letter-spacing: 1px;

}



.team-member{

	

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

}

.member > img

{

	width: 220px;

	height: 290px;

	object-fit: cover

}



.member > p

{

	margin-top: 8px;

	font-weight: 500;

}



.hamburger-menu

{

	cursor: pointer;

	 right: 1rem;

	 top: 1rem;

	 z-index: 100;

}



  /*MENU NEW*/



  @import url('https://fonts.googleapis.com/css?family=Rubik+Mono+One|Roboto+Mono:400,700&display=swap');

 :root {

	 --color-primary: #fdfdfd;

	 --color-secondary: #141414;

	 --color-dark: #5a5a5a;

	 --color-light: #000000;

	 --font-family-primary: 'Roboto Mono', monospace;

	 --font-family-secondary: 'Rubik Mono One', sans-serif;

	 --td: 150ms;

	 --te: cubic-bezier(0.215, 0.61, 0.355, 1);

}

label span{

  background: var(--color-primary);

  border-radius: 900rem;

  height:12px;

  transition: .4s  cubic-bezier(0.68, -0.6, 0.32, 1.6);



}

 h1 {

	 font-size: 24px;

	 font-weight: 700;

	 margin-bottom: 2rem;

}

 p {

	 line-height: 1.4;

}

 a {

	 font-weight: 700;

}

 .page-container {

	 display: flex;

	 flex-direction: column;

	 min-height: 100vh;

	 justify-content: center;

	 margin: 0 auto;

	 max-width: 45rem;

	 padding: 1rem;

}

 .page-container > * + * {

	 margin-top: 1.5rem;

}

 .nav-main {

	 align-items: center;

	 display: flex;

	 height: 100%;

	 justify-content: center;

	 left: -100%;

	 position: fixed;

   top: 0;

	 transition: left 0s calc(var(--td) * 2), transform 0s calc(var(--td) * 2);

	 width: 100%;

}

 .nav-main::before, .nav-main::after {

	 content: '';

	 background-color: var(--color-primary);

	 height: 100%;

	 left: 0;

	 position: absolute;

	 transform: translateX(-110%);

	 transform-origin: 0 50%;

	 transition: transform calc(var(--td) * 2) var(--td) var(--te);

	 width: 100%;

	 z-index: -100;

}

 .nav-main::before {

	 top: 0;

}

 .nav-main::after {

	 bottom: 0;

}

 .nav-main .menu__item {

	 opacity: 0;

	 transform: translateX(-1rem);

	 transition: opacity var(--td) var(--te), transform var(--td) var(--te);

}

 [id="main-navigation-toggle"] {

	 opacity: 0;

	 top: 0;

}

 [id="main-navigation-toggle"] ~ label {

	 cursor: pointer;

	 right: 1rem;

	 top: 1rem;

	 z-index: 100;

}

 [id="main-navigation-toggle"] ~ label span {

	 display: block;

	 height: 3rem;

	 padding: 0.5rem;

	 position: relative;

	 transition: transform calc(var(--td) * 3) var(--te);

	 width: 3rem;

}

 [id="main-navigation-toggle"] ~ label span::before, [id="main-navigation-toggle"] ~ label span::after {

	 background-color: black;

	 bottom: 0;

	 content: '';

	 height: 4px;

	 left: 0;

	 margin: auto;

	 position: absolute;

	 right: 0;

	 transition: transform calc(var(--td) * 3) var(--te);

	 top: 0;

	 width: calc(100% - 1rem);

}

 [id="main-navigation-toggle"] ~ label span::before {

	 transform: rotate(0) translateY(-100%);

}

 [id="main-navigation-toggle"] ~ label span::after {

	 transform: rotate(0) translateY(100%);

}

 [id="main-navigation-toggle"]:checked ~ label span {

	 transform: rotate(1turn);

}

 [id="main-navigation-toggle"]:checked ~ label span::before {

	 transform: rotate(45deg);

}

 [id="main-navigation-toggle"]:checked ~ label span::after {

	 transform: rotate(-45deg);

}

 [id="main-navigation-toggle"]:checked ~ .nav-main {

	 left: 0;

	 transition: transform 0s;

}

 [id="main-navigation-toggle"]:checked ~ .nav-main::before, [id="main-navigation-toggle"]:checked ~ .nav-main::after {

	 transform: translateX(0);

	 transition-delay: 0s;

}

 [id="main-navigation-toggle"]:checked ~ .nav-main::after {

	 transition-delay: calc(var(--td) / 2);

}

 [id="main-navigation-toggle"]:checked ~ .nav-main .menu__item {

	 opacity: 1;

	 transform: translateX(0);

	 transition: opacity calc(var(--td) * 2) var(--te), transform calc(var(--td) * 2) var(--te);

}

 [id="main-navigation-toggle"]:checked ~ .nav-main .menu__item:nth-child(1) {

	 transition-delay: calc(var(--td) * 2 * (1 * 0.25));

	 z-index: -1;

}

 [id="main-navigation-toggle"]:checked ~ .nav-main .menu__item:nth-child(2) {

	 transition-delay: calc(var(--td) * 2 * (2 * 0.25));

	 z-index: -2;

}

 [id="main-navigation-toggle"]:checked ~ .nav-main .menu__item:nth-child(3) {

	 transition-delay: calc(var(--td) * 2 * (3 * 0.25));

	 z-index: -3;

}

 [id="main-navigation-toggle"]:checked ~ .nav-main .menu__item:nth-child(4) {

	 transition-delay: calc(var(--td) * 2 * (4 * 0.25));

	 z-index: -4;

}

 [id="main-navigation-toggle"]:checked ~ .nav-main .menu__item:nth-child(5) {

	 transition-delay: calc(var(--td) * 2 * (5 * 0.25));

	 z-index: -5;

}

 .menu {

	 position: relative;

	 text-align: center;

	 z-index: 1;

}

 .menu > .menu__item {

	 font-family: var(--font-family-secondary);

	 font-size: 24px;

}

 .submenu {

	 left: 0;

	 opacity: 0;

	 position: absolute;

	 transform: translateY(-10%);

	 top: 100%;

	 width: 100%;

	 visibility: hidden;

	 z-index: 2;

}

 .submenu .menu__item {

	 font-family: var(--font-family-primary);

	 font-size: 20px;

	 width: 100%;

}

 .submenu .menu__link {

	 color: var(--color-secondary);

	 text-shadow: 1px 1px 0 var(--color-primary), 2px 2px 0 var(--color-primary);

}

 .submenu .menu__link::before, .submenu .menu__link::after {

	 display: none;

}

 .menu__item {

	 display: block;

	 position: relative;

}

 .menu__item:hover .menu__link::before, .menu__item:hover .menu__link::after {

	 animation: blink 1s var(--td) steps(1, end) forwards infinite;

	 transform: translateX(calc(100% - 0.5rem));

	 transition-duration: calc(var(--td) * 3);

}

 .menu__item:hover .menu__link::after {

	 transition-delay: calc(var(--td) / 2);

}

 .menu__item:hover .submenu {

	 opacity: 1;

	 transform: translateY(0);

	 transition: transform calc(var(--td) * 2) calc(var(--td) * 3) var(--te), opacity calc(var(--td) * 2) calc(var(--td) * 3) var(--te), visibility 0s calc(var(--td) * 3);

	 visibility: visible;

}

 .menu__link {

	 color: var(--color-dark);

	 display: inline-block;

	 font-weight: normal;

	 overflow: hidden;

	 padding: 0.5rem 1rem 0.125rem;

	 position: relative;

	 text-decoration: none;

	 transition: color var(--td) var(--te), opacity var(--td) var(--te), transform var(--td) var(--te);

	 z-index: 1;

}

 .menu__link::before, .menu__link::after {

	 content: '';

	 background-color: var(--color-light);

	 height: 50%;

	 left: 0;

	 position: absolute;

	 transform: translateX(-110%);

	 transform-origin: 0 50%;

	 transition: transform 0s var(--te);

	 width: 100%;

	 z-index: -1;

}

 .menu__link::before {

	 top: 0;

}

 .menu__link::after {

	 bottom: 0;

}

 .menu:not(:focus-within):not(:hover) .menu__item .menu__link {

	 opacity: 1;

	 transform: translate(0, 0);

}

 .menu__item {

	 --pull: 30%;

}

 .menu__item .menu__link {

	 opacity: 0.25;

	 transition-duration: calc(var(--td) * 3);

	 transform: translate(0, calc(var(--pull) * -1));

}

 .menu__item .submenu .menu__link {

	 opacity: 1;

}

 .menu__item:hover > .menu__link {

	 color: var(--color-secondary);

	 opacity: 1;

	 transform: translate(0, 0);

}

 .menu__item:hover > .menu__link:hover {

	 color: var(--color-light);

	 transition-delay: 0s;

}

 .menu__item:hover ~ .menu__item > .menu__link {

	 transition-duration: calc(var(--td) * 3);

	 transform: translate(0, var(--pull));

}

 @keyframes blink {

	 50%, 100% {

		 opacity: 0;

	}

}



.hamburger-menu

{

	display: none;

}



.filter-m-menu

{

	visibility:hidden;

	position: fixed; 

	z-index: 6666; 

	width: 100%; 

	height: 100vh; 

	background-color: #ffffff; 

	top: 0;

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

	font-weight: 600;

}

.mobile-filter

{

	font-weight: 500;

	color: #777777;

	font-size: large;

}



.active-mobile-filter

{

	font-weight: 600;

	color: #000000;

	font-size: large;

}



.contact-main

{

	min-height: 100vh;

	width: 100%;

	display: flex;

	flex-direction: column;

}



.map-responsive

{

    overflow:hidden;

    height: 400px;

	padding-top: 100px;

}



.map-responsive iframe

{

    height:500px;

    width:100%;

}

.info-main

{

	display: flex;

	width: 100%;

	min-height: 400px;

	justify-content: space-between;

	padding-left: 15%;

	padding-right: 15%;

	margin-top: 24px;

}

.contact-input

{

	border: none;

	border-bottom: solid #9e9e9e 1px;

	box-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); 

	transition: border-bottom 200ms ease-out;

}

.contact-input:focus

{

	border: none;

	border-bottom: solid #131313 1px;

	box-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); 

}

.contact-input:not(:placeholder-shown)

{

	border: none;

	border-bottom: solid #131313 1px;

	box-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); 

}

.contact-form

{

	min-width: 600px;

	display: flex;

	flex-direction: column;

	gap: 4px;

	margin-bottom: 24px;

}



.contact-info

{

	min-width: 600px;

	display: flex;

	flex-direction: column;

	gap: 4px;

	margin-bottom: 24px;

}



/*FILE INPUT*/

.file-input {

	display: inline-block;

	text-align: left;

	background: #fff;

	padding: 16px;

	min-width: 300px;

	max-width: 450px;

	position: relative;

	border-radius: 3px;

  }

  

  .file-input > [type='file'] {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	opacity: 0;

	z-index: 10;

	cursor: pointer;

  }

  

  .file-input > .button {

	display: inline-block;

	cursor: pointer;

	background: #eee;

	padding: 8px 16px;

	border-radius: 2px;

	margin-right: 8px;

  }

  

  .file-input:hover > .button {

	background: rgb(54, 54, 52);

	color: white;

  }

  

  .file-input > .label {

	color: #333;

	white-space: nowrap;

	opacity: .5;

  }

  

  .file-input.-chosen > .label {

	opacity: 1;

  }





@media screen and (max-width: 913px) {



	.hamburger-menu

	{

		display: flex;

	}

	.wide-menus

	{

		display: none;

	}



	header

	{

		width: 100%;

		height: 80px;

		display: flex;

		position: absolute;

		align-items: center;

		padding-left: 2rem;

		padding-right: 2rem;

		justify-content: space-between;

	}

  

	.header-logo{

	  height: 20px;

	  object-fit:contain;

	}

	

	footer

	{

	  padding-top: 35px;

	  padding-bottom: 35px;

	  background-color: black;

	  height: 150px;

	  width: 100%;

	  display: flex;

	  flex-direction: column;

	  justify-content: center;

	  gap: 20px;

	  align-items: center;

	  color: white;

	  text-align: center;

	  font-size: 12px;

	}

	.footer-logo

	{

	  height: 20px;

	  object-fit:contain;

	}

  

	.welcome

	{

	  min-height: 100vh;

	  width: 100%;

	}

	.welcome > img

	{

	  height: 100vh;

	  width: 100%;

	  object-fit: cover;

	}

  

	[id="main-navigation-toggle"] ~ label span {

	  display: block;

	  height: 3rem;

	  padding: 0.5rem;

	  position: relative;

	  transition: transform calc(var(--td) * 3) var(--te);

	  width: 3rem;

   }

   .projects-filter

	{

		display: flex;

		font-weight: 400;

		font-size: 12px;

		gap: 4px;

	}

	.projcet-p

	{

		font-weight: 600;

		margin-top: 0.25rem;

		font-size: 14px;

		align-self: flex-start;

	}

	.projcet-p-adres

	{

		font-weight: 500;

		margin-top: 0.5rem;

		color: #5a5a5a;

		align-self: flex-start;

	}

	.project-main

	{

		padding-top: 80px;

	}

	.project-left

	{

		display: flex;

		height: 80px;

		width: 85%;

		flex-direction: row;

		gap: 8px;

	}

	.project-left-img

	{

		width: auto;

		max-height: 50px;

		max-width: 20%;

		object-fit: contain;

	}

	.project-content > img

	{

		width: 100%;

		height: auto;

		object-fit: cover;

	}

	.project

	{

		display: flex;

		flex-direction: column-reverse;

		justify-content: center;

		align-items: center;

		gap: 20px;

		max-width: 100%;

		height: 400px;

	}

	.project-open

	{

		display: flex;

		flex-direction: column-reverse;

		height: 500px;

		width: 100%;

		gap: 20px;

		align-self: center;

		overflow-x: hidden;

		overflow-y: hidden;

		transition: all 0.2s;

		will-change: transform;

		user-select: none;

		cursor: pointer;

	}

	.project-content

	{

		display: flex;

        flex-direction: row;

        height: 100%;

        width: 90%;

        gap: 20px;

        align-self: center;

        overflow-x: hidden;

        overflow-y: hidden;

        transition: all 0.2s;

        will-change: transform;

        user-select: none;

	}

	.projects-filter

	{

		display:none;

		visibility:hidden;

	}

	.project-filter-mobile

	{

		padding-top: 0.5rem;

		padding-bottom: 0.5rem; 

		padding-left: 1rem;

		padding-right: 1rem; 

		border-radius: 0.5rem; 

		border-width: 1px; 

		display:flex;

		visibility:visible;

	}

	.map-responsive

	{

		overflow:hidden;

		height: 400px;

		padding-top: 80px;

	}

	.info-main

	{

		display: flex;

		flex-direction: column;

		gap: 20px;

		width: 100%;

		min-height: 400px;

		justify-content: center;

		align-items: center;

		padding-left: 15%;

		padding-right: 15%;

		margin-top: 24px;

	}

	.contact-form

	{

		min-width: 500px;

		display: flex;

		flex-direction: column;

		gap: 4px;

		margin-bottom: 24px;

	}

	.contact-info

	{

		min-width: 500px;

		display: flex;

		flex-direction: column;

		gap: 4px;

		margin-bottom: 24px;

	}



}



@media screen and (max-width:1645px)

{

	.about-context

	{

		display: flex;

		flex-direction: column;

		gap: 12px;

		text-align: center;

		justify-content: center;

		margin-top: 120px;

	}

	.team-member

	{

		justify-content: space-evenly;

		gap: 24px;

	}

	.info-main

	{

		display: flex;

		flex-direction: column;

		gap: 20px;

		width: 100%;

		min-height: 400px;

		justify-content: center;

		align-items: center;

		padding-left: 15%;

		padding-right: 15%;

		margin-top: 24px;

	}

	.contact-form

	{

		min-width: 500px;

		display: flex;

		flex-direction: column;

		gap: 4px;

		margin-bottom: 24px;

	}

	.contact-info

	{

		min-width: 500px;

		display: flex;

		flex-direction: column;

		gap: 4px;

		margin-bottom: 24px;

	}

	

}



@media screen and (max-width:600px)

{

	.about-context

	{

		display: flex;

		flex-direction: column;

		gap: 12px;

		text-align: center;

		justify-content: center;

		margin-top: 120px;

	}

	.member > img

	{

		width: 250px;

		height: 250px;

		object-fit: cover

	}

	.projects-filter

	{

		display: flex;

		font-weight: 400;

		font-size: 12px;

		gap: 4px;

	}

	.projcet-p

	{

		font-weight: 600;

		margin-top: 0.25rem;

		font-size: 14px;

		align-self: flex-start;

	}

	.projcet-p-adres

	{

		font-weight: 500;

		margin-top: 0.5rem;

		color: #5a5a5a;

		align-self: flex-start;

	}

	.project-main

	{

		padding-top: 80px;

	}

	.project-left

	{

		display: flex;

		height: 120px;

		width: 85%;

		flex-direction: row;

		gap: 8px;

	}

	.project-left-img

	{

		width: auto;

		max-height: 50px;

		max-width: 20%;

		object-fit: contain;

	}

	.project-content > img

	{

		width: 100%;

		height: auto;

		object-fit: cover;

	}

	.project

	{

		display: flex;

		flex-direction: column-reverse;

		justify-content: center;

		align-items: center;

		gap: 20px;

		max-width: 100%;

		height: 400px;

	}

	.project-open

	{

		display: flex;

		flex-direction: column-reverse;

		height: 500px;

		width: 100%;

		gap: 20px;

		align-self: center;

		overflow-x: hidden;

		overflow-y: hidden;

		transition: all 0.2s;

		will-change: transform;

		user-select: none;

		cursor: pointer;

	}

	.project-content

	{

		display: flex;

        flex-direction: row;

        height: 100%;

        width: 90%;

        gap: 20px;

        align-self: center;

        overflow-x: hidden;

        overflow-y: hidden;

        transition: all 0.2s;

        will-change: transform;

        user-select: none;

	}

	.projects-filter

	{

		display:none;

		visibility:hidden;

	}

	.project-filter-mobile

	{

		padding-top: 0.5rem;

		padding-bottom: 0.5rem; 

		padding-left: 1rem;

		padding-right: 1rem; 

		border-radius: 0.5rem; 

		border-width: 1px; 

		display:flex;

		visibility:visible;

	}

	.map-responsive

	{

		overflow:hidden;

		height: 400px;

		padding-top: 80px;

	}

	

}



/* MEDIAQUERY Tablet */

@media (min-width:801px)  { 

	header

	{

		width: 100%;

		height: 70px;

		display: flex;

		position: absolute;

		align-items: center;

		padding-left: 2rem;

		padding-right: 2rem;

		justify-content: space-between;

	}

  .welcome

  {

    min-height: 100vh;

    width: 100%;

  }

  .welcome > img

  {

    height: 100vh;

    width: 100%;

    object-fit: cover;

  }

  .map-responsive

	{

		overflow:hidden;

		height: 400px;

		padding-top: 70px;

	}



 }

 

 /* MEDIAQUERY Wide Tablet */

@media (min-width:700px)  { 

	header

	{

		width: 100%;

		height: 70px;

		display: flex;

		position: absolute;

		align-items: center;

		padding-left: 2rem;

		padding-right: 2rem;

		justify-content: space-between;

	}

	.welcome

	{

	  min-height: 100vh;

	  width: 100%;

	}

	.welcome > img

	{

	  height: 100vh;

	  width: 100%;

	  object-fit: cover;

	}

	.map-responsive

	{

		overflow:hidden;

		height: 400px;

		padding-top: 70px;

	}



   }



/* MEDIAQUERY MOBILE */



@media screen and (max-width: 600px) {



	header

	{

		width: 100%;

		height: 70px;

		display: flex;

		position: absolute;

		align-items: center;

		padding-left: 2rem;

		padding-right: 2rem;

		justify-content: space-between;

	}

  

	.header-logo{

	  height: 15px;

	  object-fit:contain;

	}

	

	footer

	{

	  padding-top: 35px;

	  padding-bottom: 35px;

	  background-color: black;

	  height: 150px;

	  width: 100%;

	  display: flex;

	  flex-direction: column;

	  justify-content: center;

	  gap: 20px;

	  align-items: center;

	  color: white;

	  text-align: center;

	  font-size: 12px;

	}

	.footer-logo

	{

	  height: 20px;

	  object-fit:contain;

	}

  

	.welcome

	{

	  min-height: 100vh;

	  width: 100%;

	}

	.welcome > img

	{

	  height: 100vh;

	  width: 100%;

	  object-fit: cover;

	}

  

	[id="main-navigation-toggle"] ~ label span {

	  display: block;

	  height: 2rem;

	  padding: 0.5rem;

	  position: relative;

	  transition: transform calc(var(--td) * 3) var(--te);

	  width: 2rem;

   }

   .info-main

	{

		display: flex;

		flex-direction: column;

		gap: 20px;

		width: 100%;

		min-height: 400px;

		justify-content: center;

		align-items: center;

		margin-top: 24px;

	}

	.contact-form

	{

		min-width: 300px;

		max-width: 300px;

		display: flex;

		flex-direction: column;

		gap: 4px;

		margin-bottom: 24px;

	}

	.contact-info

	{

		min-width: 290px;

		max-width: 300px;

		display: flex;

		flex-direction: column;

		gap: 4px;

		margin-bottom: 24px;

	}

  }



  .transition-class {

    transition: all 3s ease; /* Yumuşak geçiş efekti (0.5 saniye) */

    /* Diğer stil ayarları */

	}



  /*TEST*/