body {
	font-family: "Poppins", sans-serif;
	margin: 0;
	background-color: #fff;
	color: #000;
    }
	
	
    @font-face {
      font-family: 'HelveticaLight';
      src: url('font/HelveticaNeueLight.otf') format('truetype');
      font-weight: normal;
      font-style: normal;
    }



    /* Üst menü (ABOUT US, OUR VALUE, HERITAGE) */
    .sub-menu {
		 font-family: 'HelveticaLight', sans-serif;
		display: flex;
		justify-content: center;
		gap:10px;
		background-color: #fff;
		margin-top: 115px;
		
	}

    .sub-menu a {
      text-decoration: none;
      color: #000;
      padding: 10px 20px;
      display: inline-block;
	  letter-spacing:2px;
	  font-size:24px;
      transition: background 0.3s;
	  border:1px solid black;
    }

    .sub-menu a:hover,
    .sub-menu a.active {
      background-color: #000;
      color: #fff;
    }

    /* Banner */
    .banner {
      width: 100%;
      height: auto;
    }

	.banner img {
		width: 90%;
		margin: auto;
		display: block;
		margin-top:30px;
    }

    /* İçerik yazısı */
    .content {
		
      max-width: 80%;
      margin: 40px auto;
      padding: 0 20px;
    }

    .content p {
	text-align: justify;
      line-height: 1.6;
      color: #333;
	  font-size:16px;
    }
	
	@media (min-width: 768px) {
	.mobil-banner {
		display:none;
	}
	}
	
	@media (max-width: 768px) {
		.banner {
			display:none;
		}
		
		.mobil-banner {
		margin-top: 25px;
		}
		
		.mobil-banner img {
			width:100%;
		}
		
		.sub-menu {
			margin-top: 90px;
			gap:5px;
		}
		
		.content p {
			text-align: left;
		}
		
	.sub-menu a {
      padding: 5px 10px;
	  font-size:16px;
	  font-weight:600;
    }

	}