body {
    background-color: #ec1e54;
    margin:0px;
}
* { box-sizing: border-box}

.sfItem img{
	 width:45%;	
}

.sfMain {
	font-size:0;
	pa dding: 15px 0px 0px 0px;
  margin:0px;
	
}

@media screen and (max-width:500px) and (min-width: 100px){

	.sfItem img{width:100%;}
  .sfMain {
    padding: 10px 5px 5px 10px;
  }

}

@media screen and (max-width: 700px) and (min-width: 501px){
	
	.sfItem img{width:85%;}
}
@media screen and (max-width: 900px) and (min-width: 701px){
	
	.sfItem img{width:75%;}
}
@media screen and (max-width: 1100px) and (min-width: 901px){
	
	.sfItem img{width:65%;}
}
@media screen and (max-width: 1300px) and (min-width: 1101px){
	
	.sfItem img{width:55%;}
}