/**
Name: Utilities Framework
Description: Provide basic styles and layouts with a hybrid of grid system.
Version: 2.1.0
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Typography
# Backgrounds
# Grid Framework
# Widths
# Elements
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .8em;
}

.uf-text-base {
    font-size: 1em;
    line-height: 1.5em
}

.uf-text-xs {
    font-size: .75em;
    line-height: 1.5em
}

.uf-text-sm {
    font-size: .9em;
    line-height: 1.5em
}

.uf-text-md {
    font-size: 1.2em;
    line-height: 1.5em
}

.uf-text-lg {
    font-size: 1.4em;
    line-height: 1.5em
}

.uf-text-xl {
    font-size: 2.2em;
    line-height: 1.5em
}

.uf-text-xxl {
    font-size: 3em;
    line-height: 1.5em   
}

.uf-font-light {
    font-weight: 300;
}

.uf-font-normal {
    font-weight: 400;
}

.uf-font-medium {
    font-weight: 500;
}

.uf-font-bold {
    font-weight: 700;
}

.uf-font-semibold {
    font-weight: 600;
}

.uf-font-extra-bold {
    font-weight: 800;
}

.uf-font-heavy {
    font-weight: 900;
}

.uf-text-center {
    text-align: center;
}

.uf-text-left {
    text-align: left;
}

.uf-text-right {
    text-align: right;
}

.uf-text-uppercase {
    text-transform: uppercase;
}

.uf-text-lowercase {
    text-transform: lowercase;
}

.uf-text-capitalize {
    text-transform: capitalize;
}

.uf-text-white {
    color: var(--uf-white-100);
}

.uf-text-black {
    color: var(--uf-black-100);
}

.uf-text-navy {
    color: var(--uf-primary-100);
}

.uf-text-blue {
    color: var(--uf-accent-100);
}

/*--------------------------------------------------------------
# backgrounds
--------------------------------------------------------------*/
.uf-bg-white {
    background-color: var(--uf-white-100);
}

.uf-bg-grey {
    background-color: var(--uf-grey-100);
}

.uf-bg-grey-alt {
    background-color: var(--uf-grey-200);
}

.uf-bg-navy {
    background-color: var(--uf-primary-100);
}

.uf-bg-black {
    background-color: var(--uf-black-100);
}

.uf-bg-blue {
    background-color: var(--uf-accent-100);
}

.uf-bg-cover {
    background-size: cover;
}

.uf-bg-auto {
    background-size: auto;
}

.uf-bg-contain {
    background-size: contain;
}

.uf-bg-top {
    background-position: top;
}

.uf-bg-bottom {
    background-position: bottom;
}

.uf-bg-left-bottom {
    background-position: 0 100%;
}

.uf-bg-left-top {
    background-position: 0 0;
}

.uf-bg-right-top {
    background-position: 100% 0;
}

.uf-bg-left {
    background-position: 0;
}

.uf-bg-center {
    background-position: 50%;
}

.uf-bg-right {
    background-position: 100%;
}

.uf-bg-right-bottom {
    background-position: 100% 100%;
}

.uf-bg-repeat {
    background-repeat: repeat;
}

.uf-bg-no-repeat {
    background-repeat: no-repeat;
}

.uf-bg-repeat-x {
    background-repeat: repeat-x;
}

.uf-bg-repeat-y {
    background-repeat: repeat-y;
}

/*--------------------------------------------------------------
# Grid Framwork
--------------------------------------------------------------*/

.uf-grid {
    display: grid
}

.uf-inline-grid {
    display: inline-grid
}

.uf-gap-05 {
    gap: .5em;
}

.uf-gap-1 {
    gap: 1em;
}

.uf-gap-2 {
    gap: 2em;
}

.uf-gap-4 {
    gap: 4em;
}

.uf-gap-x-05 {
    column-gap: .5em;
}

.uf-gap-x-1 {
    column-gap: 1em;
}

.uf-gap-x-2 {
    column-gap: 1.5em;
}

.uf-gap-x-4 {
    column-gap: 2em;
}

.uf-gap-y-05 {
    row-gap: .5em;
}

.uf-gap-y-1 {
    row-gap: 1em;
}

.uf-gap-y-2 {
    row-gap: 2em;
}

.uf-gap-y-4 {
    row-gap: 4em;
}


.uf-grid-cols-1-xs {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.uf-grid-cols-2-xs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.uf-grid-cols-3-xs {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.uf-grid-cols-4-xs {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.uf-grid-cols-5-xs {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.uf-grid-cols-6-xs {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.uf-grid-cols-7-xs {
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.uf-grid-cols-8-xs {
    grid-template-columns: repeat(8, minmax(0, 1fr));
}

.uf-grid-cols-9-xs {
    grid-template-columns: repeat(9, minmax(0, 1fr));
}

.uf-grid-cols-10-xs {
    grid-template-columns: repeat(10, minmax(0, 1fr));
}

.uf-grid-cols-11-xs {
    grid-template-columns: repeat(11, minmax(0, 1fr));
}

.uf-grid-cols-12-xs {
    grid-template-columns: repeat(12, minmax(0, 1fr));
}

.uf-grid-cols-none-xs {
    grid-template-columns: none;
}

/*--------------------------------------------------------------
# Widths
--------------------------------------------------------------*/

.uf-w-auto {
    width: auto;
}

.uf-w-full-100 {
    width: 100%;
}

.uf-w-max-100 {
    max-width: 100%;
}

.uf-w-100-inner {
    margin: 0 auto !important;
    position: relative;
}

.uf-w-fluid {
    margin: auto;
    width: calc(100% - 2.5em);
}

.uf-w-fluid-wrapper {
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
.uf-d-block {
    display: block;
}

.uf-inline-block {
    display: inline-block;
}

.uf-d-none {
    display: none !important;
}

.uf-hidden {
    display: none !important;
}

.uf-p-relative {
    position: relative;
}

.uf-float-right {
    float: right;
}

.uf-float-left {
    float: left;
}

.uf-float-none {
    float: none;
}

.uf-clear-left {
    clear: left;
}

.uf-clear-right {
    clear: right;
}

.uf-clear-both {
    clear: both;
}

.uf-clear-none {
    clear: none;
}

.uf-box-border {
    box-sizing: border-box;
}

.uf-box-content {
    box-sizing: content-box;
}

.uf-overflow-auto {
    overflow: auto;
}

.uf-overflow-hidden {
    overflow: hidden;
}

.uf--z-10 {
    z-index: -10;
}

.uf-z-0 {
    z-index: 0;
}

.uf-z-10 {
    z-index: 10;
}

.uf-z-20 {
    z-index: 20
}

.uf-z-30 {
    z-index: 30
}

.uf-z-40 {
    z-index: 40
}

.uf-z-50 {
    z-index: 50
}

.uf-opacity-0 {
    opacity: 0
}

.uf-opacity-5 {
    opacity: .05
}

.uf-opacity-20 {
    opacity: .2
}

.uf-opacity-25 {
    opacity: .25
}

.uf-opacity-50 {
    opacity: .5
}

.uf-opacity-75 {
    opacity: .75
}

.uf-opacity-100 {
    opacity: 1
}

/* Border Radius */
.uf-rounded {
    border-radius: .25em;
}

.uf-rounded-sm {
    border-radius: .125em;
}

.uf-rounded-md {
    border-radius: .375em;
}

.uf-rounded-lg {
    border-radius: .5em;
}

.uf-rounded-full {
    border-radius: 100%;
}

.uf-rounded-none {
    border-radius: 0;
}

.uf-rounded-tl {
    border-top-left-radius: .25em;
}

.uf-rounded-tr {
    border-top-right-radius: .25em;
}

.uf-rounded-bl {
    border-bottom-left-radius: .25em;
}

.uf-rounded-br {
    border-bottom-right-radius: .25em;
}

.uf-rounded-t {
    border-top-left-radius: .25em;
    border-top-right-radius: .25em;
}

.uf-rounded-b {
    border-bottom-left-radius: .25em;
    border-bottom-right-radius: .25em
}

.uf-rounded-l {
    border-top-left-radius: .25em;
    border-bottom-left-radius: .25em
}

.uf-rounded-r {
    border-top-right-radius: .25em;
    border-bottom-right-radius: .25em;
}

.uf-rounded-tl-sm {
    border-top-left-radius: .125em;
}

.uf-rounded-tr-sm {
    border-top-right-radius: .125em;
}

.uf-rounded-bl-sm {
    border-bottom-left-radius: .125em;
}

.uf-rounded-br-sm {
    border-bottom-right-radius: .125em;
}

.uf-rounded-t-sm {
    border-top-left-radius: .125em;
    border-top-right-radius: .125em;
}

.uf-rounded-b-sm {
    border-bottom-left-radius: .125em;
    border-bottom-right-radius: .125em
}

.uf-rounded-l-sm {
    border-top-left-radius: .125em;
    border-bottom-left-radius: .125em
}

.uf-rounded-r-sm {
    border-top-right-radius: .125em;
    border-bottom-right-radius: .125em;
}

.uf-rounded-tl-md {
    border-top-left-radius: .375em;
}

.uf-rounded-tr-md {
    border-top-right-radius: .375em;
}

.uf-rounded-bl-md {
    border-bottom-left-radius: .375em;
}

.uf-rounded-br-md {
    border-bottom-right-radius: .375em;
}

.uf-rounded-t-md {
    border-top-left-radius: .375em;
    border-top-right-radius: .375em;
}

.uf-rounded-b-md {
    border-bottom-left-radius: .375em;
    border-bottom-right-radius: .375em
}

.uf-rounded-l-md {
    border-top-left-radius: .375em;
    border-bottom-left-radius: .375em
}

.uf-rounded-r-md {
    border-top-right-radius: .375em;
    border-bottom-right-radius: .375em;
}

.uf-rounded-tl-lg {
    border-top-left-radius: .5em;
}

.uf-rounded-tr-lg {
    border-top-right-radius: .5em;
}

.uf-rounded-bl-lg {
    border-bottom-left-radius: .5em;
}

.uf-rounded-br-lg {
    border-bottom-right-radius: .5em;
}

.uf-rounded-t-lg {
    border-top-left-radius: .5em;
    border-top-right-radius: .5em;
}

.uf-rounded-b-lg {
    border-bottom-left-radius: .5em;
    border-bottom-right-radius: .5em
}

.uf-rounded-l-lg {
    border-top-left-radius: .5em;
    border-bottom-left-radius: .5em
}

.uf-rounded-r-lg {
    border-top-right-radius: .5em;
    border-bottom-right-radius: .5em;
}

/* Border */
.uf-border-solid {
    border-style: solid
}

.uf-border-dashed {
    border-style: dashed
}

.uf-border-dotted {
    border-style: dotted
}

.uf-border-double {
    border-style: double
}

.uf-border-none {
    border-style: none
}

.uf-border {
    border-width: 1px;
}

.uf-border-0 {
    border-width: 0;
}

.uf-border-2 {
    border-width: 2px;
}

.uf-border-4 {
    border-width: 4px;
}

.uf-border-8 {
    border-width: 8px;
}

.uf-border-b {
    border-bottom-width: 1px;
}

.uf-border-t {
    border-top-width: 1px;
}

.uf-border-l {
    border-left-width: 1px;
}

.uf-border-r {
    border-right-width: 1px
}

.uf-border-y {
    border-top-width: 1px;
    border-bottom-width: 1px;
}

.uf-border-x {
    border-left-width: 1px;
    border-right-width: 1px;
}

.uf-border-b-2 {
    border-bottom-width: 2px;
}

.uf-border-t-2 {
    border-top-width: 2px;
}

.uf-border-l-2 {
    border-left-width: 2px;
}

.uf-border-r-2 {
    border-right-width: 2px;
}

.uf-border-y-2 {
    border-top-width: 2px;
    border-bottom-width: 2px;
}

.uf-border-x-2 {
    border-left-width: 2px;
    border-right-width: 2px;
}

.uf-border-black {
    border-color: var(--uf-black-100);
}

.uf-border-white {
    border-color: var(--uf-white-100);
}

.uf-border-grey {
    border-color: var(--uf-grey-100);
}

.uf-border-grey-strong {
    border-color: var(--uf-grey-400);
}

/* Box Shadow */
.uf-b-shadow {
    box-shadow: 0px 16px 40px rgb(0 0 0 / 8%);
}

/*--------------------------------------------------------------
>>> Media Queries
--------------------------------------------------------------*/

/* Small Upwards */
@media (min-width: 544px) {

    .uf-w-full-sm {
        width: 544px;
    }

    .uf-grid-cols-1-sm {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .uf-grid-cols-2-sm {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .uf-grid-cols-3-sm {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .uf-grid-cols-4-sm {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .uf-grid-cols-5-sm {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .uf-grid-cols-6-sm {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .uf-grid-cols-7-sm {
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }

    .uf-grid-cols-8-sm {
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }

    .uf-grid-cols-9-sm {
        grid-template-columns: repeat(9, minmax(0, 1fr));
    }

    .uf-grid-cols-10-sm {
        grid-template-columns: repeat(10, minmax(0, 1fr));
    }

    .uf-grid-cols-11-sm {
        grid-template-columns: repeat(11, minmax(0, 1fr));
    }

    .uf-grid-cols-12-sm {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .uf-grid-auto-cols-1-sm {
        grid-template-columns: repeat(1, auto);
    }

    .uf-grid-auto-cols-2-sm {
        grid-template-columns: repeat(2, auto);
    }

    .uf-grid-auto-cols-3-sm {
        grid-template-columns: repeat(3, auto);
    }

    .uf-grid-auto-cols-4-sm {
        grid-template-columns: repeat(4, auto);
    }

    .uf-grid-auto-cols-5-sm {
        grid-template-columns: repeat(5, auto);
    }

    .uf-grid-auto-cols-6-sm {
        grid-template-columns: repeat(6, auto);
    }

    .uf-grid-auto-cols-7-sm {
        grid-template-columns: repeat(7, auto);
    }

    .uf-grid-auto-cols-8-sm {
        grid-template-columns: repeat(8, auto);
    }

    .uf-grid-auto-cols-9-sm {
        grid-template-columns: repeat(9, auto);
    }

    .uf-grid-auto-cols-10-sm {
        grid-template-columns: repeat(10, auto);
    }

    .uf-grid-auto-cols-11-sm {
        grid-template-columns: repeat(11, auto);
    }

    .uf-grid-auto-cols-12-sm {
        grid-template-columns: repeat(12, auto);
    }

    .uf-grid-cols-none-sm {
        grid-template-columns: none;
    }

    .uf-d-block-sm {
        display: block !important;
    }

}

/* tablet Upwards */
@media (min-width: 768px) {

    .uf-w-full-md {
        width: 760px;
    }

    .uf-grid-cols-1-md {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .uf-grid-cols-2-md {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .uf-grid-cols-3-md {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .uf-grid-cols-4-md {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .uf-grid-cols-5-md {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .uf-grid-cols-6-md {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .uf-grid-cols-7-md {
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }

    .uf-grid-cols-8-md {
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }

    .uf-grid-cols-9-md {
        grid-template-columns: repeat(9, minmax(0, 1fr));
    }

    .uf-grid-cols-10-md {
        grid-template-columns: repeat(10, minmax(0, 1fr));
    }

    .uf-grid-cols-11-md {
        grid-template-columns: repeat(11, minmax(0, 1fr));
    }

    .uf-grid-cols-12-md {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .uf-grid-auto-cols-1-md {
        grid-template-columns: repeat(1, auto);
    }

    .uf-grid-auto-cols-2-md {
        grid-template-columns: repeat(2, auto);
    }

    .uf-grid-auto-cols-3-md {
        grid-template-columns: repeat(3, auto);
    }

    .uf-grid-auto-cols-4-md {
        grid-template-columns: repeat(4, auto);
    }

    .uf-grid-auto-cols-5-md {
        grid-template-columns: repeat(5, auto);
    }

    .uf-grid-auto-cols-6-md {
        grid-template-columns: repeat(6, auto);
    }

    .uf-grid-auto-cols-7-md {
        grid-template-columns: repeat(7, auto);
    }

    .uf-grid-auto-cols-8-md {
        grid-template-columns: repeat(8, auto);
    }

    .uf-grid-auto-cols-9-md {
        grid-template-columns: repeat(9, auto);
    }

    .uf-grid-auto-cols-10-md {
        grid-template-columns: repeat(10, auto);
    }

    .uf-grid-auto-cols-11-md {
        grid-template-columns: repeat(11, auto);
    }

    .uf-grid-auto-cols-12-md {
        grid-template-columns: repeat(12, auto);
    }

    .uf-grid-cols-none-md {
        grid-template-columns: none;
    }

    .uf-d-block-md {
        display: block !important;
    }

}

/* Small Desktop Upwards */
@media (min-width: 992px) {

    .uf-w-full-lg {
        width: 992px;
    }

    .uf-grid-cols-1-lg {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .uf-grid-cols-2-lg {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .uf-grid-cols-3-lg {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .uf-grid-cols-4-lg {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .uf-grid-cols-5-lg {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .uf-grid-cols-6-lg {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .uf-grid-cols-7-lg {
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }

    .uf-grid-cols-8-lg {
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }

    .uf-grid-cols-9-lg {
        grid-template-columns: repeat(9, minmax(0, 1fr));
    }

    .uf-grid-cols-10-lg {
        grid-template-columns: repeat(10, minmax(0, 1fr));
    }

    .uf-grid-cols-11-lg {
        grid-template-columns: repeat(11, minmax(0, 1fr));
    }

    .uf-grid-cols-12-lg {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .uf-grid-auto-cols-1-lg {
        grid-template-columns: repeat(1, auto);
    }

    .uf-grid-auto-cols-2-lg {
        grid-template-columns: repeat(2, auto);
    }

    .uf-grid-auto-cols-3-lg {
        grid-template-columns: repeat(3, auto);
    }

    .uf-grid-auto-cols-4-lg {
        grid-template-columns: repeat(4, auto);
    }

    .uf-grid-auto-cols-5-lg {
        grid-template-columns: repeat(5, auto);
    }

    .uf-grid-auto-cols-6-lg {
        grid-template-columns: repeat(6, auto);
    }

    .uf-grid-auto-cols-7-lg {
        grid-template-columns: repeat(7, auto);
    }

    .uf-grid-auto-cols-8-lg {
        grid-template-columns: repeat(8, auto);
    }

    .uf-grid-auto-cols-9-lg {
        grid-template-columns: repeat(9, auto);
    }

    .uf-grid-auto-cols-10-lg {
        grid-template-columns: repeat(10, auto);
    }

    .uf-grid-auto-cols-11-lg {
        grid-template-columns: repeat(11, auto);
    }

    .uf-grid-auto-cols-12-lg {
        grid-template-columns: repeat(12, auto);
    }

    .uf-grid-cols-none-lg {
        grid-template-columns: none;
    }

    .uf-d-block-lg {
        display: block !important;
    }

}

/* Desktop Upwards */
@media (min-width: 1200px) {

    .uf-w-full-xl {
        width: 1200px;
    }

    .uf-grid-cols-1-xl {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .uf-grid-cols-2-xl {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .uf-grid-cols-3-xl {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .uf-grid-cols-4-xl {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .uf-grid-cols-5-xl {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .uf-grid-cols-6-xl {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .uf-grid-cols-7-xl {
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }

    .uf-grid-cols-8-xl {
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }

    .uf-grid-cols-9-xl {
        grid-template-columns: repeat(9, minmax(0, 1fr));
    }

    .uf-grid-cols-10-xl {
        grid-template-columns: repeat(10, minmax(0, 1fr));
    }

    .uf-grid-cols-11-xl {
        grid-template-columns: repeat(11, minmax(0, 1fr));
    }

    .uf-grid-cols-12-xl {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }

    .uf-grid-auto-cols-1-xl {
        grid-template-columns: repeat(1, auto);
    }

    .uf-grid-auto-cols-2-xl {
        grid-template-columns: repeat(2, auto);
    }

    .uf-grid-auto-cols-3-xl {
        grid-template-columns: repeat(3, auto);
    }

    .uf-grid-auto-cols-4-xl {
        grid-template-columns: repeat(4, auto);
    }

    .uf-grid-auto-cols-5-xl {
        grid-template-columns: repeat(5, auto);
    }

    .uf-grid-auto-cols-6-xl {
        grid-template-columns: repeat(6, auto);
    }

    .uf-grid-auto-cols-7-xl {
        grid-template-columns: repeat(7, auto);
    }

    .uf-grid-auto-cols-8-xl {
        grid-template-columns: repeat(8, auto);
    }

    .uf-grid-auto-cols-9-xl {
        grid-template-columns: repeat(9, auto);
    }

    .uf-grid-auto-cols-10-xl {
        grid-template-columns: repeat(10, auto);
    }

    .uf-grid-auto-cols-11-xl {
        grid-template-columns: repeat(11, auto);
    }

    .uf-grid-auto-cols-12-xl {
        grid-template-columns: repeat(12, auto);
    }

    .uf-grid-cols-none-xl {
        grid-template-columns: none;
    }

    .uf-d-block-xl {
        display: block !important;
    }
}

/* Desktop Large Upwards */
@media (min-width: 1440px) {

    .uf-w-full-xxl {
        width: 100%;
        max-width: 1800px;
    }

}

/* Mobile only */
@media only screen and (max-width: 544px) {

    /* Typograhpy */
    .uf-m-text-center {
        text-align: center;
    }

    /* Buttons */
    .uf-m-button-wrapper.button {
        width: 100%;
        text-align: center;
    }

    /* Column Ordering */
    .uf-m-order-1 {
        order: 1;
    }

    .uf-m-order-2 {
        order: 2;
    }

}