.col-1p { width: 1% }
.col-2p { width: 2% }
.col-3p { width: 3% }
.col-4p { width: 4% }
.col-5p { width: 5% }
.col-6p { width: 6% }
.col-7p { width: 7% }
.col-8p { width: 8% }
.col-9p { width: 9% }
.col-10p { width: 10% }
.col-11p { width: 11% }
.col-12p { width: 12% }
.col-13p { width: 13% }
.col-14p { width: 14% }
.col-15p { width: 15% }
.col-16p { width: 16% }
.col-17p { width: 17% }
.col-18p { width: 18% }
.col-19p { width: 19% }
.col-20p { width: 20% }
.col-25p { width: 25% }
.col-30p { width: 30% }
.col-33p { width: 33% }
.col-40p { width: 40% }
.col-50p { width: 50% }

.maxh-50 { max-height: 50px; }
.maxh-60 { max-height: 60px; }
.maxh-70 { max-height: 70px; }
.maxh-80 { max-height: 80px; }
.maxh-90 { max-height: 90px; }
.maxh-100 { max-height: 100px; }
.maxh-125 { max-height: 125px; }
.maxh-150 { max-height: 150px; }
.maxh-175 { max-height: 175px; }
.maxh-200 { max-height: 200px; }
.maxh-300 { max-height: 300px; }
.maxh-400 { max-height: 400px; }
.maxh-500 { max-height: 500px; }
.maxh-600 { max-height: 600px; }
.maxh-700 { max-height: 700px; }
.maxh-800 { max-height: 800px; }
.maxh-900 { max-height: 900px; }
.maxh-1000 { max-height: 1000px; }

.text-lg{font-size:120%}
.text-xl { font-size: 140% }
.text-xxl { font-size: 160% }
.text-xxxl { font-size: 185% }
.text-sm { font-size: 85% }
.text-xs { font-size: 70% }
.text-xxs { font-size: 55% }
.text-left { text-align: left }
.text-right { text-align: right }
.text-center { text-align: center }
.text-vtop { vertical-align: top }
.text-vbottom { vertical-align: bottom }
.text-vmiddle { vertical-align: middle }


.text-vertical { writing-mode: vertical-rl; transform: rotate(180deg); text-align: center; vertical-align: middle; }