﻿.flex, .flex-center, .flex-between, .flex-around {
    display: flex !important;
}

.flex-center {
    justify-content: center !important;
}

.flex-between {
    justify-content: space-between !important;
}

.flex-around {
    justify-content: space-around !important;
}

/*
    Margin Changes
*/

.ml-auto, .mx-auto {
    margin-left: auto !important;
}

.mr-auto, .mx-auto {
    margin-right: auto !important;
}

.ml-1, .mx-1 {
    margin-left: 4px !important;
}

.ml-2, .mx-2 {
    margin-left: 8px !important;
}

.ml-3, .mx-3 {
    margin-left: 12px !important;
}

.ml-4, .mx-4 {
    margin-left: 16px !important;
}

.ml-5, .mx-5 {
    margin-left: 20px !important;
}

.mr-1, .mx-1 {
    margin-right: 4px !important;
}

.mr-2, .mx-2 {
    margin-right: 8px !important;
}

.mr-3, .mx-3 {
    margin-right: 12px !important;
}

.mr-4, .mx-4 {
    margin-right: 16px !important;
}

.mr-5, .mx-5 {
    margin-right: 20px !important;
}

.mt-1, .my-1 {
    margin-top: 4px !important;
}

.mt-2, .my-2 {
    margin-top: 8px !important;
}

.mt-3, .my-3 {
    margin-top: 12px !important;
}

.mt-4, .my-4 {
    margin-top: 16px !important;
}

.mt-5, .my-5 {
    margin-top: 20px !important;
}

.mb-1, .my-1 {
    margin-bottom: 4px !important;
}

.mb-2, .my-2 {
    margin-bottom: 8px !important;
}

.mb-3, .my-3 {
    margin-bottom: 12px !important;
}

.mb-4, .my-4 {
    margin-bottom: 16px !important;
}

.mb-5, .my-5 {
    margin-bottom: 20px !important;
}

/*
    Padding Changes
*/

.pl-1, .px-1, .pd-1 {
    padding-left: 4px !important;
}

.pl-2, .px-2, .pd-2 {
    padding-left: 8px !important;
}

.pl-3, .px-3, .pd-3 {
    padding-left: 12px !important;
}

.pl-4, .px-4, .pd-4 {
    padding-left: 16px !important;
}

.pl-5, .px-5, .pd-5 {
    padding-left: 20px !important;
}

.pr-1, .px-1, .pd-1 {
    padding-right: 4px !important;
}

.pr-2, .px-2, .pd-2 {
    padding-right: 8px !important;
}

.pr-3, .px-3, .pd-3 {
    padding-right: 12px !important;
}

.pr-4, .px-4, .pd-4 {
    padding-right: 16px !important;
}

.pr-5, .px-5, .pd-5 {
    padding-right: 20px !important;
}

.pt-1, .py-1, .pd-1 {
    padding-top: 4px !important;
}

.pt-2, .py-2, .pd-2 {
    padding-top: 8px !important;
}

.pt-3, .py-3, .pd-3 {
    padding-top: 12px !important;
}

.pt-4, .py-4, .pd-4 {
    padding-top: 16px !important;
}

.pt-5, .py-5, .pd-5 {
    padding-top: 20px !important;
}

.pb-1, .py-1, .pd-1 {
    padding-bottom: 4px !important;
}

.pb-2, .py-2, .pd-2 {
    padding-bottom: 8px !important;
}

.pb-3, .py-3, .pd-3 {
    padding-bottom: 12px !important;
}

.pb-4, .py-4, .pd-4 {
    padding-bottom: 16px !important;
}

.pb-5, .py-5, .pd-5 {
    padding-bottom: 20px !important;
}


@media (max-width: 768px) {
    .pc-only {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .mobile-only {
        display: none !important;
    }
}
.img-round {
    border-radius: 160px;
}
