body {
		margin: 0;
		font-family: "Poppins", sans-serif;
		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;
		gap:10px;
		justify-content: center;
		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 h3 {
		margin-top: 30px;
		font-weight:400;
		color: #000;
    }

    .content p {
		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;
		}
	}