body 
		{
            font-family: Segoe UI; /* sayfanın bütün yazılan yazıların yazı tipi bu olsun */ 
            background-color: #FFF; /* sayfanın arka plan rengi */
        }

        .container /*  yazdığım şeyleri bodydekileri bu yapacağım kutunun içine katıcam */
		{
			width: 100%;
            max-width: 600px;  /* yaptığım kutunun genişliği */
            margin: 30px auto;  /* kutuya sağ sol alt üst boşluk koyar kenarlara çarpmaz */
            background-color:white;  /* arka plan beyaz (kutunun) */
            padding: 40px; /* yanları büklümlü yapıyor */
			box-shadow: 1px 1px 41px 0px rgba(0,0,0,0.75);
			-webkit-box-shadow: 1px 1px 41px 0px rgba(0,0,0,0.75);
			-moz-box-shadow: 1px 1px 41px 0px rgba(0,0,0,0.75);		/* css shadow editor */
            border-radius: 25px; /* tablonun kenarlarını keskinleştiriyor https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/border-radius  dan aldım burdaki bütün container kodlarını */
			box-sizing: border-box; /* Padding ekleyince kutu şişmesin diye */
		}
		
        .muhsasebelogo img{
            width: 250px; /* resmin genişliğini büyüttüm */
            max-width: 100%; /* perfect full page background image */
            height: auto; /* perfect full page background image */
            display: block; /* perfect full page background image */
            margin: 0 auto 25px; /* perfect full page background image */
            border-radius: 8px; /* köşeleri yumuşatıyor oval görüntü */
        }

       
        .isimsoyisim {
            text-align: center;   /* yazılanlar ortada olur */
        }

        h1 { 
            margin-bottom: 10px;  /* en büyük başlığın yani h1 in altına boşluk bırakır */
            color: #2c3e50; 
        }
        
        h2 { 
            color: #7f8c8d; 
            line-height: 1.5; /* alt alta olan satırların arasındaki mesafeyi açıyor */
			font-size: 1.2rem;
        }

       
        .isimsoyisim  {
			text-align: center; /* isim soy isime yazılan herşeyi ortalamak demek sürekli kullandım  */
            margin: 25px; /* en yukarıdan aşşağı doğru 25 boşluk veriyor konteynırın üstündeki çizgiden */
        }

        .adres, .telefon2, .gsm1, .eposta, .websitesi {
            font-weight: 600; /* yazıya ağırlık koyar kalınlık strong */
            color: #34495e; /* gri renk kodu  */
            min-width: 130px;
        }

        a { 
            text-decoration: none;  /* bütün çizgileri kaldırır */
            color: #007bff; /* mavi renk kodu  */
			word-break: break-all;
			font-size: 16px;
      
        }
       /*  linkin üzerine gelince  */
        a:hover 
{ 
            color: #0056b3; /* koyu mavi renk kodu  */
            text-decoration: underline; /* alt çizgi ekler  */
        }
	@media screen and (max-width: 480px) {
    
    .container {
        padding: 20px; /* Mobilde kenar boşluğunu biraz azalttık ki yer kalsın */
        width: 95%; /* Telefonda ekranı daha fazla kaplasın */
        margin: 10px auto;
    }

    h1 {
        font-size: 24px; /* Başlığı mobilde biraz küçülttük */
    }

    h2 {
        font-size: 16px; /* Alt başlığı ayarladık */
    }

    /* Adres ve telefon yazılarını mobilde büyütelim */
    p {
        font-size: 18px; 
    }
    
    a {
        font-size: 18px; /* Linkleri parmakla tıklaması kolay olsun diye büyüttük */
        display: block; /* Linkleri alt satıra atar, yan yana sıkışmaz */
        margin-bottom: 10px;
    }