/* PRE Tailwind Css OVERFLOW - necessary for queries changes sm: md: */
div, p, span, h1, h2, h3, h4, h5, h6 { word-break: break-word; }

/* .text-xxs { font-size: .65rem; line-height: 0.85rem;} */
.text-2xs { font-size: 0.6875rem; /* 11px */ line-height: 1rem;    }
.text-3xs { font-size: 0.625rem; /* 10px */ line-height: 1rem;     }
.text-4xs { font-size: 0.5625rem; /* 9px */ line-height: 0.875rem;  }
.text-5xs { font-size: 0.5rem; /* 8px */ line-height: 0.75rem;  }
 
.right-15 { right: 3.7rem; }

.z-55 { z-index: 55;}
.z-60 { z-index: 55;}
.z-100 { z-index: 100;}

.max-w-3xl{max-width:48rem}
.max-w-4xl{max-width:56rem}
.max-w-5xl{max-width:64rem}
.max-w-6xl{max-width:72rem}
.max-w-7xl{max-width:80rem}
.max-w-8xl{max-width:88rem}
.max-w-9xl{max-width:96rem}

.text-12xl { font-size: 12rem; line-height: 1; }
  

@media (max-width: 480px) {
  .flag-scale { transform: scale(0.8); }
}
@media (max-width: 420px) {
  .flag-scale { transform: scale(0.7); }
}
@media (max-width: 380px) {
  .flag-scale { transform: scale(0.6); }
}
 


@media (max-width: 400px) {
  .xxs-hidden { display: none; }
  .xxs-show   { display: block !important; visibility:visible !important; }
}
@media (max-width: 480px) {
  .xs-hidden { display: none; }
  .xs-show   { display: block !important; visibility:visible !important; }
}
@media (max-width: 640px) {
  .sm-hidden { display: none; }
  .sm-show   { display: block !important; visibility:visible !important; }
}
@media (max-width: 770px) {
  .md-hidden { display: none; }
  .md-show   { display: block !important; visibility:visible !important; }
}

.flip-hor { transform: scaleX(-1); }

.font-serif { font-family: serif;}


.rotate--45 { transform: rotate(-45deg);  }

.bg-opacity-99{ --tw-bg-opacity: 0.99; }

.pointer{ cursor: pointer; }