.szer {
	height: 400px;

}

#kamerki {
    width:100%;
    text-align:center;
}

#d_i1 {
    float:left;
    width:200px;
    height: 20px;
    background: #ff0000;
}

#d_center {
    display: inline-block;
    margin:0 auto;
    width:100px;
    height: 20px;
    background: #00ff00;
}

#d_i2 {
    float:right;
    width:200px;
    height: 20px;
    background: #0000ff;
}

hr.liniap {

  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
}


@media all and (max-width: 970px) {
  #d_i2 {
    width: 150px;
    
  }
  #d_i1 {
    width: 150px; 
 }	

}

@media all and (max-width: 795px) {

	.szer {
		height: 600px;
	}

}


@media all and (max-width: 375px) {
  #d_i2 {
    clear: right;	
    width: 100px;
    
  }
  #d_i1 {
    clear: left;
    width: 100px; 
 }	

}