.responsive-heading {
text-align: center;
font-size: clamp(32px, 10vw, 90px);
color: #ededed !important;
font-family: Glorify !important;
line-height: 80px;
font-weight: 400;
opacity: 1;
transform: translateZ(0) scale(1);
}

/* Tablets (≤ 1024px) */
@media (max-width: 1024px) {
.responsive-heading {
font-size: 60px;
color: #ededed;
line-height: 64px;
}
}

/* Phones (≤ 768px) */
@media (max-width: 768px) {
.responsive-heading {
font-size: 42px;
color: #ededed;
line-height: 48px;
}
}

/* Small Phones (≤ 480px) */
@media (max-width: 480px) {
.responsive-heading {
font-size: 50px;
color: #ededed;
line-height: normal;
}
}