/* 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;
}