/* ------------------------------------------------------------
MAX-WIDTH
---------------------------------------------------------------------- */
.max-w-0      { max-width: 0rem; }
.max-w-xxs     { max-width: 13rem; }
.max-w-xs     { max-width: 20rem; }    /* 320px */
.max-w-sm     { max-width: 24rem; }    /* 384px */
.max-w-md     { max-width: 28rem; }    /* 448px */
.max-w-lg     { max-width: 32rem; }    /* 512px */
.max-w-xl     { max-width: 36rem; }    /* 576px */
.max-w-595    { max-width: 600px; }
.max-w-2xl    { max-width: 42rem; }    /* 672px */
.max-w-3xl    { max-width: 48rem; }    /* 768px */
.max-w-4xl    { max-width: 56rem; }    /* 896px */
.max-w-5xl    { max-width: 64rem; }    /* 1024px */
.max-w-6xl    { max-width: 72rem; }    /* 1152px */
.max-w-7xl    { max-width: 80rem; }    /* 1280px */
.max-w-full   { max-width: 100%; }
.max-w-screen-sm  { max-width: 640px; }
.max-w-screen-md  { max-width: 768px; }
.max-w-screen-lg  { max-width: 1024px; }
.max-w-screen-xl  { max-width: 1280px; }
.max-w-screen-2xl { max-width: 1536px; }

.margin-left    { margin-left: auto; }
.margin-right    { margin-right: auto; }
.margin-auto    { margin: auto; }

.text-align-left    { text-align: left; }
.text-align-center  { text-align: center; }
.text-align-right   { text-align: right; }