body {
    background-color:#D2D7D3;
     /*background-color:#c0c0c0;*/
    
}
.header, .footer{
    background:#2a2a3c;
    color:#ffffff;
}
h1{
    margin:0;
    padding:10px;
}

.resim{
    margin:10px;
    float:left;
}
.kutu{
    margin-bottom:30px;
}
.row{
    margin-top:10px;
}
/* ürün yüksekliklerini media cihazlarına uygun olarak düzenleme*/
@media (min-width: 768px) {
  .kutu {
      height:370px;
  }
  a.buton{
    background:#2981E4;
    padding:5px 10px;
    text-decoration:none;
    color:#fff;
    font:bold 14px Arial, Helvetica, sans-serif;
}
  a.buton:hover{
    background-color:#006699;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}

}