.text-blur {
    filter: blur(3px);
}

/* Desktop */

span.ddd {
    font-size: 18px;
    font-weight: 500;
    position: absolute;
    color: whitesmoke;
    left: 21%;
    top: 7%;
}

@media only screen and (min-width: 310px) and (max-width: 329px) {

span.ddd {
    font-size: 16px;
    font-weight: 500;
    position: absolute;
    color: whitesmoke;
    left: 21%;
    top: 8.6%;
}
}

@media only screen and (min-width: 330px) and (max-width: 390px) {

span.ddd {
    font-size: 18px;
    font-weight: 500;
    position: absolute;
    color: whitesmoke;
    left: 21%;
    top: 7.5%;
}
}

@media only screen and (min-width: 391px) and (max-width: 438px) {

span.ddd {
    font-size: 18px;
    font-weight: 500;
    position: absolute;
    color: whitesmoke;
    left: 21%;
    top: 7.3%;
}
}

@media only screen and (min-width: 439px) and (max-width: 467px) {

span.ddd {
    font-size: 18px;
    font-weight: 500;
    position: absolute;
    color: whitesmoke;
    left: 21%;
    top: 6.2%;
}
}


@media only screen and (min-width: 468px) and (max-width: 600px) {

span.ddd {
    font-size: 18px;
    font-weight: 500;
    position: absolute;
    color: whitesmoke;
    left: 21%;
    top: 5.2%;
}
  }


@media only screen and (min-width: 601px) and (max-width: 778px) {


span.ddd {
    font-size: 18px;
    font-weight: 500;
    position: absolute;
    color: whitesmoke;
    left: 21%;
    top: 4.8%;
}

  }