.thai-text {
    font-family: 'Prompt', sans-serif !important;
}

.arrow-po {
    left: 50%;
    transform: translate(-50%, 0);
    position: fixed;
    display: block;
    bottom: 0;
    padding-bottom: 5rem;
    width: 2vw;
    height: auto;
    filter: invert(1);
}

.arrow {
    width: 2.5rem;
    opacity: 50%;
}

.QRS-Headline-fontsize {
    font-size: 5rem;
    font-weight: 600;
    line-height: 1.35;
}

.QRS-Headline-Home-fontsize {
    font-size: 2.5rem;
    font-weight: 500;
    line-height: 1.35;
}

.smile-face-img {
    position: absolute;
    opacity: 0%;
}

.qrs-padding {
    padding-top: 50%
}

.arrow-animation {
    animation: cssAnimation_0 1200ms infinite ease-out 606ms;
    animation-direction: alternate;
  }
  
  @keyframes cssAnimation_0 {
    to {
      transform: translate(0px, 30px);
    }
  }

  .rotate-animation {
    animation: rotation 5s infinite linear;
}

@keyframes rotation {
	0% {
		transform: rotate(0deg);
  }
  50% {
		transform: rotate(180deg);
	}
	100% {
		transform: rotate(360deg);
	}
}


  @media (width < 772px) {
    .QRS-Headline-fontsize {
        text-align: center;
        font-size: 2rem;
        font-weight: 600;
        line-height: 1.35;
    }

    .QRS-Headline-Home-fontsize {
        text-align: center;
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.35;
    }

    .butt-center {
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0);
    }

    .p-just-center {
        text-align: center;
    }

    .smile-face-img {
        width: 80vw;
        position: relative;
        left: 50%;
        transform: translate(-50%, 0);
        opacity: 100%;
        filter: invert(1);
    }

    .qrs-padding {
        padding-top: 8%;
    }
      
  }