.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

@media (min-width:601px) and (max-width:1024px) {
    .text--tabletleft {
        text-align: left !important;
        margin-left: 0 !important
    }

    .text--tabletcenter {
        text-align: center !important;
        margin: 0 auto !important
    }

    .text--tabletright {
        text-align: right !important;
        margin-right: 0 !important
    }

    .text--tabletjustify {
        text-align: justify !important
    }
}

@media (max-width:600px) {
    .text--mobileleft {
        text-align: left !important;
        margin-left: 0 !important
    }

    .text--mobilecenter {
        text-align: center !important;
        margin: 0 auto !important
    }

    .text--mobileright {
        text-align: right !important;
        margin-right: 0 !important
    }

    .text--mobilejustify {
        text-align: justify !important
    }
}