.hoopand {
    position: absolute;
    left: 31%;
    transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
    top: 12%;
    width: 30%;
}
.winter {
    position: absolute;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
    top: 29%;
    width: 37%;
}
.sale {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
    width: 67%;
}
.saledate {
    position: absolute;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
    width: 37%;
    top: 85%;
}
@media screen and (max-width: 480px){
    
    
.hoopand {
    position: absolute;
    left: 31%;
    transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
    top: 23%;
    width: 30%;
}
.winter {
    position: absolute;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
    top: 38%;
    width: 37%;
}
.sale {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
    width: 67%;
}
.saledate {
    position: absolute;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
    width: 37%;
    top: 91%;
}
    
    
    
}