body {
	margin:0;
	padding:0;
	}
#container {
	width:100%;
	height:auto;
	min-height:500px;
	}
header {
	width:100%;
	height:auto;
	min-height:50px;
	background:white;
	}
nav {
	clear:both;
	float:left;
	width:100%;
	height:auto;
	min-height:50px;
	background:white;
	}

main {
	float:left;
	width:100%;
	height:auto;
	min-height:472px;
	background:white;
	}
main p{
width:100%;
font-size: 55px;
text-align:center;
}

footer {
	
	text-align: center;
	clear:both;
	float:left;
	width:100%;
	height:auto;
	font-size: 14px;
	min-height:50px;
	
	}
alt {
	
	text-align: center;
	clear:both;
	float:left;
	width:100%;
	height:auto;
	font-size: 11px;
	min-height:3px;

	
	}
	
	
@media screen and (max-width:479px){
aside {
/*	clear:both;*/ /* Daha  önce  clear özelliği verilmiş bu dive ister bunu silin ister kalsın */
	float:left; /*Yine  sola yaslı kalacak*/
	width:100%; /*Tam ekran olması için 100% değer  verelim.*/

/*Responsive css kodları yazarken, nesnelerin bir önceki özellikleri kendisini korur, yani alttaki özelliklerde  değişiklik yapılmayacaksa  silinmesi kod kalabalığını önleyecektir.*/

/*	height:auto;
	min-height:500px;
	background:#3498db;*/
	}
	
	
main {
	clear:both; /* Temizleme yaparak bir alt satıra düşürdük divi*/
	float:left; /*yine  sola yaslı şekilde  kalması gerek*/
	width:100%; /* 80% paylaşılmış değerden, 100% değer alacak ki tam ekranı kaplasın*/
/*	height:auto;
	min-height:500px;
	background:#bdc3c7;*/
	}	
	
	
	}