@import url(Cesium/Widgets/widgets.css);

		html,
		body,
		#cesiumContainer {
			width: 100%;
			height: 100%;
			margin: 0;
			padding: 0;
			overflow: hidden;
		}

		.logo {
			position: fixed;
			top: 10px;
			left: 20px;
			width: 15%;
			/* Logonun genişliği ekran boyutuna göre yüzdeye göre ayarlanır */
			max-width: 250px;
			/* Genişlik 250px'i geçemez */
			min-width: 100px;
			/* Genişlik 100px'in altına düşmez */
			z-index: 100;
			/* Üstte görünmesi için z-index kullanıyoruz */
		}

		/* Daha küçük ekranlar için medya sorguları */
		@media (max-width: 768px) {
			.logo {
				width: 35%;
				/* Küçük ekranlarda genişlik daha küçük olabilir */
				left: 10px;
				/* Kenar boşluğu küçültülebilir */
			}
		}

		@media (max-width: 480px) {
			.logo {
				width: 40%;
				/* Çok küçük ekranlar için genişliği artırabilirsiniz */
				left: 5px;
				/* Kenar boşluğu minimuma indirilebilir */
			}
		}