.flex-1 { flex:1; -ms-flex:1 1 auto; }
@media (min-width: 576px) { .flex-sm-1 { flex:1; -ms-flex:1 1 auto; } }
@media (min-width: 768px) { .flex-md-1 { flex:1; -ms-flex:1 1 auto; } }
@media (min-width: 992px) { .flex-lg-1 { flex:1; -ms-flex:1 1 auto; } }
@media (min-width: 1200px) { .flex-xl-1 { flex:1; -ms-flex:1 1 auto; } }

/* Vertical alignment for display inline-block, table, etc. (not flexbox) */
@media (min-width: 576px)
{
    .align-sm-baseline    { vertical-align: baseline !important; }
    .align-sm-top         { vertical-align: top !important; }
    .align-sm-middle      { vertical-align: middle !important; }
    .align-sm-bottom      { vertical-align: bottom !important; }
    .align-sm-text-bottom { vertical-align: text-bottom !important; }
    .align-sm-text-top    { vertical-align: text-top !important; }
}
@media (min-width: 768px)
{
    .align-md-baseline    { vertical-align: baseline !important; }
    .align-md-top         { vertical-align: top !important; }
    .align-md-middle      { vertical-align: middle !important; }
    .align-md-bottom      { vertical-align: bottom !important; }
    .align-md-text-bottom { vertical-align: text-bottom !important; }
    .align-md-text-top    { vertical-align: text-top !important; }
}
@media (min-width: 992px)
{
    .align-lg-baseline    { vertical-align: baseline !important; }
    .align-lg-top         { vertical-align: top !important; }
    .align-lg-middle      { vertical-align: middle !important; }
    .align-lg-bottom      { vertical-align: bottom !important; }
    .align-lg-text-bottom { vertical-align: text-bottom !important; }
    .align-lg-text-top    { vertical-align: text-top !important; }
}
@media (min-width: 1200px)
{
    .align-xl-baseline    { vertical-align: baseline !important; }
    .align-xl-top         { vertical-align: top !important; }
    .align-xl-middle      { vertical-align: middle !important; }
    .align-xl-bottom      { vertical-align: bottom !important; }
    .align-xl-text-bottom { vertical-align: text-bottom !important; }
    .align-xl-text-top    { vertical-align: text-top !important; }
}

/* Position */
@media (min-width: 576px)
{
    .position-sm-static     { position: static !important; }
    .position-sm-relative   { position: relative !important; }
    .position-sm-absolute   { position: absolute !important; }
    .position-sm-fixed      { position: fixed !important; }
    .position-sm-sticky     { position: -webkit-sticky !important; position: sticky !important; }
}

@media (min-width: 768px)
{
    .position-md-static     { position: static !important; }
    .position-md-relative   { position: relative !important; }
    .position-md-absolute   { position: absolute !important; }
    .position-md-fixed      { position: fixed !important; }
    .position-md-sticky     { position: -webkit-sticky !important; position: sticky !important; }
}

@media (min-width: 992px)
{
    .position-lg-static     { position: static !important; }
    .position-lg-relative   { position: relative !important; }
    .position-lg-absolute   { position: absolute !important; }
    .position-lg-fixed      { position: fixed !important; }
    .position-lg-sticky     { position: -webkit-sticky !important; position: sticky !important; }
}

@media (min-width: 1200px)
{
    .position-xl-static     { position: static !important; }
    .position-xl-relative   { position: relative !important; }
    .position-xl-absolute   { position: absolute !important; }
    .position-xl-fixed      { position: fixed !important; }
    .position-xl-sticky     { position: -webkit-sticky !important; position: sticky !important; }
}

/* Widths */
.w-5 { width: 5% !important; }
.w-10 { width: 10% !important; }
.w-15 { width: 15% !important; }
.w-20 { width: 20% !important; }
.w-30 { width: 30% !important; }
.w-35 { width: 35% !important; }
.w-40 { width: 40% !important; }
.w-45 { width: 45% !important; }
.w-55 { width: 55% !important; }
.w-60 { width: 60% !important; }
.w-65 { width: 65% !important; }
.w-70 { width: 70% !important; }
.w-80 { width: 80% !important; }
.w-85 { width: 85% !important; }
.w-90 { width: 90% !important; }
.w-95 { width: 95% !important; }
.w-auto { width: auto !important; }

@media (min-width: 576px)
{
    .w-sm-5 { width: 5% !important; }
    .w-sm-10 { width: 10% !important; }
    .w-sm-15 { width: 15% !important; }
    .w-sm-20 { width: 20% !important; }
    .w-sm-25 { width: 25% !important; }
    .w-sm-30 { width: 30% !important; }
    .w-sm-35 { width: 35% !important; }
    .w-sm-40 { width: 40% !important; }
    .w-sm-45 { width: 45% !important; }
    .w-sm-50 { width: 50% !important; }
    .w-sm-55 { width: 55% !important; }
    .w-sm-60 { width: 60% !important; }
    .w-sm-65 { width: 65% !important; }
    .w-sm-70 { width: 70% !important; }
    .w-sm-75 { width: 75% !important; }
    .w-sm-80 { width: 80% !important; }
    .w-sm-85 { width: 85% !important; }
    .w-sm-90 { width: 90% !important; }
    .w-sm-95 { width: 95% !important; }
    .w-sm-100 { width: 100% !important; }
    .w-sm-auto { width: auto !important; }
}

@media (min-width: 768px)
{
    .w-md-5 { width: 5% !important; }
    .w-md-10 { width: 10% !important; }
    .w-md-15 { width: 15% !important; }
    .w-md-20 { width: 20% !important; }
    .w-md-25 { width: 25% !important; }
    .w-md-30 { width: 30% !important; }
    .w-md-35 { width: 35% !important; }
    .w-md-40 { width: 40% !important; }
    .w-md-45 { width: 45% !important; }
    .w-md-50 { width: 50% !important; }
    .w-md-55 { width: 55% !important; }
    .w-md-60 { width: 60% !important; }
    .w-md-65 { width: 65% !important; }
    .w-md-70 { width: 70% !important; }
    .w-md-75 { width: 75% !important; }
    .w-md-80 { width: 80% !important; }
    .w-md-85 { width: 85% !important; }
    .w-md-90 { width: 90% !important; }
    .w-md-95 { width: 95% !important; }
    .w-md-100 { width: 100% !important; }
    .w-md-auto { width: auto !important; }
}

@media (min-width: 992px)
{
    .w-lg-5 { width: 5% !important; }
    .w-lg-10 { width: 10% !important; }
    .w-lg-15 { width: 15% !important; }
    .w-lg-20 { width: 20% !important; }
    .w-lg-25 { width: 25% !important; }
    .w-lg-30 { width: 30% !important; }
    .w-lg-35 { width: 35% !important; }
    .w-lg-40 { width: 40% !important; }
    .w-lg-45 { width: 45% !important; }
    .w-lg-50 { width: 50% !important; }
    .w-lg-55 { width: 55% !important; }
    .w-lg-60 { width: 60% !important; }
    .w-lg-65 { width: 65% !important; }
    .w-lg-70 { width: 70% !important; }
    .w-lg-75 { width: 75% !important; }
    .w-lg-80 { width: 80% !important; }
    .w-lg-85 { width: 85% !important; }
    .w-lg-90 { width: 90% !important; }
    .w-lg-95 { width: 95% !important; }
    .w-lg-100 { width: 100% !important; }
    .w-lg-auto { width: auto !important; }
}

@media (min-width: 1200px)
{
    .w-xl-5 { width: 5% !important; }
    .w-xl-10 { width: 10% !important; }
    .w-xl-15 { width: 15% !important; }
    .w-xl-20 { width: 20% !important; }
    .w-xl-25 { width: 25% !important; }
    .w-xl-30 { width: 30% !important; }
    .w-xl-35 { width: 35% !important; }
    .w-xl-40 { width: 40% !important; }
    .w-xl-45 { width: 45% !important; }
    .w-xl-50 { width: 50% !important; }
    .w-xl-55 { width: 55% !important; }
    .w-xl-60 { width: 60% !important; }
    .w-xl-65 { width: 65% !important; }
    .w-xl-70 { width: 70% !important; }
    .w-xl-75 { width: 75% !important; }
    .w-xl-80 { width: 80% !important; }
    .w-xl-85 { width: 85% !important; }
    .w-xl-90 { width: 90% !important; }
    .w-xl-95 { width: 95% !important; }
    .w-xl-100 { width: 100% !important; }
    .w-xl-auto { width: auto !important; }
}