body
{
background-color:#393185 ;
}

.logo
{
text-align:center;
margin-top:10px;
margin-bottom:30px;
}

#ana_div
{
width:100%;
}

.sol
{
width:60%;
float:left;
text-align:center;
}
.sol img{
width:90%;
}

.orta
{
width:40%;
float:left;
text-align:center;
}
.orta img{
width:90%;
}

.sag
{
width:40%;
float:left;
text-align:center;
}

.sag img{
width:90%;
}

.clear
{
clear:both;
}

@media (max-width: 1000px) {
  
body {background-color:#393185;}  

.logo
{text-align:center;margin-top:100px;width:100%}

.logo img
{width:95%;}

.sol
{width:100%; margin-bottom:5px;}
.orta
{width:100%; margin-bottom:5px;}
.sag
{width:100%;margin-bottom:5px;}

}