html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.w-1x { width: 1% !important; }
.w-2x { width: 2% !important; }
.w-3x { width: 3% !important; }
.w-4x { width: 4% !important; }
.w-5x { width: 5% !important; }
.w-6x { width: 6% !important; }
.w-7x { width: 7% !important; }
.w-8x { width: 8% !important; }
.w-9x { width: 9% !important; }
.w-10x { width: 10% !important; }
.w-11x { width: 11% !important; }
.w-12x { width: 12% !important; }
.w-13x { width: 13% !important; }
.w-14x { width: 14% !important; }
.w-15x { width: 15% !important; }
.w-16x { width: 16% !important; }
.w-17x { width: 17% !important; }
.w-18x { width: 18% !important; }
.w-19x { width: 19% !important; }
.w-20x { width: 20% !important; }
.w-21x { width: 21% !important; }
.w-22x { width: 22% !important; }
.w-23x { width: 23% !important; }
.w-24x { width: 24% !important; }
.w-25x { width: 25% !important; }
.w-26x { width: 26% !important; }
.w-27x { width: 27% !important; }
.w-28x { width: 28% !important; }
.w-29x { width: 29% !important; }
.w-30x { width: 30% !important; }
.w-31x { width: 31% !important; }
.w-32x { width: 32% !important; }
.w-33x { width: 33% !important; }
.w-34x { width: 34% !important; }
.w-35x { width: 35% !important; }
.w-36x { width: 36% !important; }
.w-37x { width: 37% !important; }
.w-38x { width: 38% !important; }
.w-39x { width: 39% !important; }
.w-40x { width: 40% !important; }
.w-41x { width: 41% !important; }
.w-42x { width: 42% !important; }
.w-43x { width: 43% !important; }
.w-44x { width: 44% !important; }
.w-45x { width: 45% !important; }
.w-46x { width: 46% !important; }
.w-47x { width: 47% !important; }
.w-48x { width: 48% !important; }
.w-49x { width: 49% !important; }
.w-50x { width: 50% !important; }
.w-51x { width: 51% !important; }
.w-52x { width: 52% !important; }
.w-53x { width: 53% !important; }
.w-54x { width: 54% !important; }
.w-55x { width: 55% !important; }
.w-56x { width: 56% !important; }
.w-57x { width: 57% !important; }
.w-58x { width: 58% !important; }
.w-59x { width: 59% !important; }
.w-60x { width: 60% !important; }
.w-61x { width: 61% !important; }
.w-62x { width: 62% !important; }
.w-63x { width: 63% !important; }
.w-64x { width: 64% !important; }
.w-65x { width: 65% !important; }
.w-66x { width: 66% !important; }
.w-67x { width: 67% !important; }
.w-68x { width: 68% !important; }
.w-69x { width: 69% !important; }
.w-70x { width: 70% !important; }
.w-71x { width: 71% !important; }
.w-72x { width: 72% !important; }
.w-73x { width: 73% !important; }
.w-74x { width: 74% !important; }
.w-75x { width: 75% !important; }
.w-76x { width: 76% !important; }
.w-77x { width: 77% !important; }
.w-78x { width: 78% !important; }
.w-79x { width: 79% !important; }
.w-80x { width: 80% !important; }
.w-81x { width: 81% !important; }
.w-82x { width: 82% !important; }
.w-83x { width: 83% !important; }
.w-84x { width: 84% !important; }
.w-85x { width: 85% !important; }
.w-86x { width: 86% !important; }
.w-87x { width: 87% !important; }
.w-88x { width: 88% !important; }
.w-89x { width: 89% !important; }
.w-90x { width: 90% !important; }
.w-91x { width: 91% !important; }
.w-92x { width: 92% !important; }
.w-93x { width: 93% !important; }
.w-94x { width: 94% !important; }
.w-95x { width: 95% !important; }
.w-96x { width: 96% !important; }
.w-97x { width: 97% !important; }
.w-98x { width: 98% !important; }
.w-99x { width: 99% !important; }
.w-100x { width: 100% !important; }

.txt-c { text-align: center; }
.txt-r { text-align: right; }

.ver-mid { vertical-align: middle; }