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

.justify-between {
    justify-content: space-between;
}

/* Padding */

.p-1 {
    padding: 0.25em;
}

.p-2 {
    padding: 0.5em;
}

.p-3 {
    padding: 0.75em;
}

.p-4 {
    padding: 1em;
}

.p-8 {
    padding: 2em;
}

.p-16 {
    padding: 4em;
}

.pt-1 {
    padding-top: 1em;
}

.pt-2 {
    padding-top: 2em;
}

.pt-3 {
    padding-top: 3em;
}

.pt-4 {
    padding-top: 4em;
}

.pt-5 {
    padding-top: 5em;
}

.pt-6 {
    padding-top: 6em;
}

.pr-1 {
    padding-right: 1em;
}

.pr-2 {
    padding-left: 2em;
}

.pr-3 {
    padding-left: 3em;
}

.pr-4 {
    padding-left: 4em;
}

.pr-5 {
    padding-left: 5em;
}

.pr-6 {
    padding-left: 6em;
}

.pb-1 {
    padding-top: 1em;
}

.pb-2 {
    padding-top: 2em;
}

.pb-3 {
    padding-top: 3em;
}

.pb-4 {
    padding-top: 4em;
}

.pb-5 {
    padding-top: 5em;
}

.pb-6 {
    padding-top: 6em;
}

.pl-1 {
    padding-left: 1em;
}

.pl-2 {
    padding-left: 2em;
}

.pl-3 {
    padding-left: 3em;
}

.pl-4 {
    padding-left: 4em;
}

.pl-5 {
    padding-left: 5em;
}

.pl-6 {
    padding-left: 6em;
}

/* Margins */

.m-auto {
    margin: auto;
}

.mt-1 {
    margin-top: 1em;
}

.mt-2 {
    margin-top: 2em;
}

.mt-3 {
    margin-top: 3em;
}

.mt-4 {
    margin-top: 4em;
}

.mt-5 {
    margin-top: 5em;
}

.mt-6 {
    margin-top: 6em;
}

.mr-1 {
    margin-right: 1em;
}

.mr-2 {
    margin-right: 2em;
}

.mr-3 {
    margin-right: 3em;
}

.mr-4 {
    margin-right: 4em;
}

.mr-5 {
    margin-right: 5em;
}

.mr-6 {
    margin-right: 6em;
}

.mb-1 {
    margin-bottom: 1em;
}

.mb-2 {
    margin-bottom: 2em;
}

.mb-3 {
    margin-bottom: 3em;
}

.mb-4 {
    margin-bottom: 4em;
}

.mb-5 {
    margin-bottom: 5em;
}

.mb-6 {
    margin-bottom: 6em;
}

.ml-1 {
    margin-left: 1em;
}

.ml-2 {
    margin-left: 2em;
}

.ml-3 {
    margin-left: 3em;
}

.ml-4 {
    margin-left: 4em;
}

.ml-5 {
    margin-left: 5em;
}

.ml-6 {
    margin-left: 6em;
}

.w-20 {
    width: 20%;
}

.w-25 {
    width: 25%;
}

.w-33 {
    width: 33%;
}

.w-50 {
    width: 50%;
}

.w-66 {
    width: 66%
}

.w-75 {
    width: 75%;
}

.w-80 {
    width: 80%;
}

@media (max-width: 767px) {

    .tablet-w-full {
        width: 100%
    }

}

@media (max-width: 479px) {
    .mobile-w-full {
        width: 100%;
    }

}