.text-1x{font-size: 13px !important; }
.text-2x{font-size: 14px !important; }
.text-3x{font-size: 15px !important; }
.text-4x{font-size: 16px !important; }
.text-5x{font-size: 17px !important; }
.text-6x{font-size: 18px !important; }
.text-7x{font-size: 19px !important; }
.text-8x{font-size: 20px !important; }
.text-9x{font-size: 21px !important; }
.text-10x{font-size: 22px !important; }
.text-11x{font-size: 24px !important; }
.text-12x{font-size: 26px !important; }
.text-13x{font-size: 28px !important; }
.text-14x{font-size: 30px !important; }
.text-15x{font-size: 32px !important; }
.text-16x{font-size: 37px !important; }
.text-17x{font-size: 42px !important; }
.text-18x{font-size: 47px !important; }
.text-19x{font-size: 52px !important; }
.text-20x{font-size: 57px !important; }

.text-1s{font-size: 2vh !important;}
.text-2s{font-size: 3vh !important;}
.text-3s{font-size: 4vh !important;}

.text-1i{font-size: 5vh !important;}
.text-2i{font-size: 6vh !important;}
.text-3i{font-size: 7vh !important;}
.text-4i{font-size: 8vh !important;}
.text-5i{font-size: 9vh !important;}
.text-6i{font-size: 10vh !important;}
.text-7i{font-size: 11vh !important;}
.text-8i{font-size: 12vh !important;}
.text-9i{font-size: 13vh !important;}
.text-10i{font-size: 14vh !important;}
.text-11i{font-size: 15vh !important;}
.text-12i{font-size: 16vh !important;}
.text-13i{font-size: 17vh !important;}
.text-14i{font-size: 18vh !important;}
.text-15i{font-size: 19vh !important;}

.text-light{font-weight: 100}
.text-normal{font-weight: normal}
.text-bold{font-weight: bold}
.text-bolder{font-weight: bolder}

.transparent{background: transparent !important;}
.transparent-1x{opacity: 0.1 !important;}
.transparent-2x{opacity: 0.2 !important;}
.transparent-3x{opacity: 0.3 !important;}
.transparent-4x{opacity: 0.4 !important;}
.transparent-5x{opacity: 0.5 !important;}

.bg-black{background-color: #000 !important;}
.bg-black-1x{background-color: rgba(0, 0, 0, 0.1) !important;}
.bg-black-2x{background-color: rgba(0, 0, 0, 0.2) !important;}
.bg-black-3x{background-color: rgba(0, 0, 0, 0.3) !important;}
.bg-black-4x{background-color: rgba(0, 0, 0, 0.4) !important;}
.bg-black-5x{background-color: rgba(0, 0, 0, 0.5) !important;}

.bg-white{background-color: #fff !important;}
.bg-white-1x{background-color: rgba(255, 255, 255, 0.1) !important;}
.bg-white-2x{background-color: rgba(255, 255, 255, 0.2) !important;}
.bg-white-3x{background-color: rgba(255, 255, 255, 0.3) !important;}
.bg-white-4x{background-color: rgba(255, 255, 255, 0.4) !important;}
.bg-white-5x{background-color: rgba(255, 255, 255, 0.5) !important;}

.bg-grey{background-color: #F8F8F8 !important;}
.bg-grey-1x{background-color: rgba(255, 255, 255, 0.1) !important;}
.bg-grey-2x{background-color: rgba(255, 255, 255, 0.2) !important;}
.bg-grey-3x{background-color: rgba(255, 255, 255, 0.3) !important;}
.bg-grey-4x{background-color: rgba(255, 255, 255, 0.4) !important;}
.bg-grey-5x{background-color: rgba(255, 255, 255, 0.5) !important;}

.text-white{color: #fff !important;}
.text-black{color: #000 !important;}

.text-1sp{letter-spacing: 1px !important;}
.text-2sp{letter-spacing: 2px !important;}
.text-3sp{letter-spacing: 3px !important;}
.text-4sp{letter-spacing: 4px !important;}
.text-5sp{letter-spacing: 5px !important;}

.text-1si{letter-spacing: 1vw !important;}
.text-2si{letter-spacing: 2vw !important;}
.text-3si{letter-spacing: 3vw !important;}
.text-4si{letter-spacing: 4vw !important;}
.text-5si{letter-spacing: 5vw !important;}


.block-h1{max-height: 100px !important;}
.block-h1s{max-height: 150px !important;}
.block-h2{max-height: 200px !important;}
.block-h2s{max-height: 250px !important;}
.block-h3{max-height: 300px !important;}
.block-h3s{max-height: 350px !important;}
.block-h4{max-height: 400px !important;}
.block-h4s{max-height: 450px !important;}
.block-h5{max-height: 500px !important;}
.block-h5s{max-height: 550px !important;}
.block-h6{max-height: 600px !important;}
.block-h6s{max-height: 650px !important;}