*{ margin:0; padding:0; }
body{}
.header
{ 
    height:200px; 
    background: url('../img/back.jpg') no-repeat center center;
    -webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.content{ width:60%; margin: 10px auto; margin-top:80px; }
.contentInfo{ width:80%; margin:10px auto; margin-top:10px; margin-bottom:150px;}
.hata
{ 
    width:60%; 
    margin:10px auto; 
    text-align:center; 
    margin-top:-70px;
    margin-bottom:16px;
}
.geo
{ 
    height:350px;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(250, 250, 250, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.3);
}
.bilgiTablo
{
    border-radius: 5px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(250, 250, 250, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.3);
}
.hakkinda{ text-align:center;}
.footer
{
    padding:50px;
    text-align:center;
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height:100px;
    background:#158cba;
}
.footer a{ color:White; font-size:medium;}

@media screen and ( min-width: 1025px)
{
    .baslik{ text-align:center; padding:100px; font-size:45px; color:White; text-shadow: 1px 1px #000000;}
    .baslik a:hover{ text-align:center; padding:100px; font-size:45px; color:White; text-shadow: 1px 1px #000000; text-decoration:none;}
    .hataKonum{ text-align:center; padding:130px; font-size:45px; color:Black; text-shadow: 1px 1px #000000;}
    .bilgi{ margin-top:20px; width:60%; margin:10px auto;}
}
@media screen and (max-width: 1024px)
{
    .baslik{ text-align:center; padding:100px; font-size:30px; color:White; text-shadow: 1px 1px #000000;}
    .baslik a:hover{ text-align:center; padding:100px; font-size:30px; color:White; text-shadow: 1px 1px #000000; text-decoration:none;}
    .hataKonum{ text-align:center; padding:130px; font-size:30px; color:Black; text-shadow: 1px 1px #000000;}
    .bilgi{ margin-top:20px; width:80%; margin:10px auto;}
}