.responsive-box{--sm-height:100px;--md-height:200px;--lg-height:300px;--xl-height:300px;--xxl-height:300px;width:100%;height:var(--xxl-height);transition:height .3s}@media only screen and (max-width:1399px){.responsive-box{height:var(--xxl-height)}}@media only screen and (max-width:1199px){.responsive-box{height:var(--xl-height)}}@media only screen and (max-width:991px){.responsive-box{height:var(--lg-height)}}@media only screen and (max-width:767px){.responsive-box{height:var(--md-height)}}@media only screen and (max-width:575px){.responsive-box{height:var(--sm-height)}}@media only screen and (max-width:375px){.responsive-box{height:var(--sm-height)}}@media only screen and (min-width:1921px){.responsive-box{height:var(--xxl-height)}}.display-1{font-size:180px;font-weight:700;line-height:1.1}.display-2{font-size:150px;font-weight:700;line-height:1.1}.display-3{font-size:120px;font-weight:700;line-height:1.1}.display-4{font-size:90px;font-weight:700;line-height:1.2}.display-5{font-size:72px;font-weight:600;line-height:1.2}.display-6{font-size:60px;font-weight:600;line-height:1.2}.title-1{font-size:48px;font-weight:600;line-height:1.2}.title-2{font-size:36px;font-weight:600;line-height:1.3}.title-3{font-size:28px;font-weight:500;line-height:1.4}.title-4{font-size:24px;font-weight:500;line-height:1.5}.text-xl{font-size:22px;line-height:1.5}.text-lg{font-size:20px;line-height:1.5}.text-md{font-size:18px;line-height:1.6}.text-base{font-size:16px;line-height:1.6}.text-sm{font-size:14px;line-height:1.6}.text-xs{font-size:12px;line-height:1.6}.packageTop{margin-top:-200px}@media only screen and (max-width:1399px){.display-1{font-size:160px}.display-2{font-size:130px}.display-3{font-size:100px}.display-4{font-size:80px}.display-5{font-size:64px}.display-6{font-size:52px}.packageTop{margin-top:-160px}}@media only screen and (max-width:1199px){.display-1{font-size:130px}.display-2{font-size:110px}.display-3{font-size:90px}.display-4{font-size:70px}.display-5{font-size:56px}.display-6{font-size:48px}.title-1{font-size:40px}.packageTop{margin-top:-140px}}@media only screen and (max-width:991px){.display-1{font-size:110px}.display-2{font-size:90px}.display-3{font-size:76px}.display-4{font-size:60px}.display-5{font-size:48px}.display-6{font-size:42px}.title-1{font-size:36px}.title-2{font-size:30px}.packageTop{margin-top:-120px}}@media only screen and (max-width:767px){.display-1{font-size:86px}.display-2{font-size:72px}.display-3{font-size:60px}.display-4{font-size:50px}.display-5{font-size:40px}.display-6{font-size:36px}.title-1{font-size:32px}.title-2{font-size:28px}.title-3{font-size:24px}.text-xl{font-size:20px}.packageTop{margin-top:-100px}}@media only screen and (max-width:575px){.display-1{font-size:66px}.display-2{font-size:58px}.display-3{font-size:50px}.display-4{font-size:42px}.display-5{font-size:36px}.display-6{font-size:32px}.title-1{font-size:28px}.title-2{font-size:24px}.title-3{font-size:20px}.text-xl{font-size:18px}.text-lg{font-size:17px}.packageTop{margin-top:-80px}}@media only screen and (max-width:375px){.display-1{font-size:54px}.display-2{font-size:48px}.display-3{font-size:42px}.display-4{font-size:36px}.display-5{font-size:32px}.display-6{font-size:28px}.title-1{font-size:24px}.title-2{font-size:22px}.packageTop{margin-top:-60px}}@media only screen and (min-width:1921px){.display-1{font-size:200px}.display-2{font-size:170px}.display-3{font-size:140px}.display-4{font-size:110px}.display-5{font-size:80px}.display-6{font-size:68px}.title-1{font-size:56px}.packageTop{margin-top:-240px}}