*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.ust{
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	background-color: grey;
	border-bottom: 10px solid purple;
	margin-bottom: 10px;
	padding: 20px;
}
.ust h1{
	font-size: 4vw;
}
ul{
 list-style-type: none;
 display: flex;
}
ul li{
	margin: 5px;
}
ul li a{
	text-decoration: none;
	background-color: yellow;
	color: black;
	padding: 10px;
	font-weight: bold;
	border: 3px solid black;
	border-radius:10px;
	transition: 1s;
}
ul li a:hover{
	color: black;
	background-color: orange;
	border: 3px solid purple;
	padding: 15px;

}
.swiper {
      width: 80%;
      height: 300px;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .orta{
    	display: flex;
    	margin-top: 20px;
    	justify-content: space-evenly;
    	flex-wrap: wrap;

    }
    .orta img{
    	width:15vw;
    	margin:1vw;
    	border-radius:20px;
    }
    .orta>div{
    	width: 30%;
    	display: flex;
    	border: 3px solid red;
    	margin-top: 10px;
    	background-color: yellow;
    }
    .orta h1{
    	text-align: center;
    	font-size: 2vw
    }
    .orta p{
    	text-align: justify;
    	margin: 0 3px;
    	font-size: 1vw;
    	font-family: Roboto;
    }
    body{
    	background: rgb(0,29,36);
background: linear-gradient(90deg, rgba(0,29,36,1) 0%, rgba(9,103,121,1) 35%, rgba(255,106,0,1) 100%);
    }
    .ort img:hover{
      cursor: pointer;
      opacity: 0.6;
    }
    .alt{
      display: flex;
      justify-content: space-evenly;
      width: 90%;
      margin: 20px auto;
      background-color: cadetblue;
      border: 3px solid red;
      border-radius: 20px;
      padding: 10px,

    }
    .adres{
      width: 40%;
      text-align: justify;
    }
    .alt ol{
      list-style-type: none;
    }
    .alt h3{text-align: center;}
    .alt ol li a{font-size: 1vw; text-decoration: none;}
    .alt>div{border: 1px solid green;padding:2px;}

    .hakkimizda{
      text-align: center;
      margin: 20px;
    }
    .hakkimizda img{
      width: 50vw;
      float: left;
      margin: 0 20px 20px 20px;
      border: 5px solid orange;
    }
    .hakkimizda p{
      font-size: 30px;
      font-family: Roboto;
      margin-left: 50px;
    }
    .galeri img{
      width: 300px;
      height:300px;
      border: 3px solid green;
    }
    .galeri{
      display: flex;
      justify-content: space-evenly;
      flex-wrap: wrap;
    }
    .baslik{
      text-align: center;
    }
    .iletisimKapsa{
      display: flex;
      justify-content: space-evenly;
      flex-wrap: wrap;
    }
    .iletisimForm{
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      background-color: lightblue;  
    }
    .iletisimForm button:hover{
      cursor: pointer;
      background-color: green;
    }
    .iletisimForm input,textarea,button{
      height: 40px;
      border: 1px solid black;
      width: 90%;
      margin: 10px;

    }
    .iletisimForm textarea{
      height: 100px;
    }
    .harita{
      border: 1px solid red;
    }
     @media screen and (max-width: 742px)
{
  .harita iframe{
    width: 300px;

  }
  .harita{
    margin-top: 5px;
  }
.alt p{
  padding:1vw;
  font-size:2vw;
}
.alt > div:nth-child(3),.alt > div:nth-child(4),.alt > div:nth-child(5),.alt > div:nth-child(6){display: none;}
.adres{width: 75%}
.ust {
  display: flex;
  justify-content:space-evenly;
  flex-direction: column;

}
.ust ul li{
  margin: 0.5vw;
}
.ust ul li a{
  font-size:2.6vw;
  padding:5px;
  border:1px solid white;
}
.ust h1{
  margin-bottom:5%;
}
.orta>div{
  width:80%;
  font-size:2vw;
}
.orta>div p{font-size:3vw;}
.orta>div h1{font-size:4vw;}
}
.fiyat img{
      width: 350px;
      height: :250px;
    }
    .fiyat h3,h5{
      text-align: center;
    }
    .fiyat{
      display: flex;
      justify-content: space-evenly;
      flex-wrap: wrap;
    }
    .fiyat div{
      border: 5px solid blue;
      border-radius: 18px;
      background-color: yellow;
      margin-top: 10px;
      padding: 20px;
    }