.wrapword {
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -webkit-pre-wrap; /*Chrome & Safari */
    white-space: -pre-wrap;        /* Opera 4-6 */
    white-space: -o-pre-wrap;      /* Opera 7 */
    white-space: pre-wrap;         /* CSS3 */
    word-wrap: break-word;         /* Internet Explorer 5.5+ */
    word-break: break-all;
    white-space: normal;
}
.centered {
    display:flex;
    justify-content: center;
    align-items: center;
}
.d-block { display: block; }
.d-iblock { display: inline-block; }
.d-flex { display: flex; }
.d-iflex { display: inline-flex; }
.d-none { display: none; }
.d-inline { display: inline }

.m-visible { display: none; }

.a-start { align-items: flex-start; }
.a-end { align-items: flex-end; }
.a-center { align-items: center; }

.j-center { justify-content: center; }
.j-start { justify-content: flex-start; }
.j-end { justify-content: flex-end; }
.j-between { justify-content: space-between; }
.j-around { justify-content: space-around; }
.j-evenly { justify-content: space-evenly; }

.full-width { width: 100%; }
.full-height { height: 100%; }
.half-width { width: 50%; }
.half-height { height: 50%; }
.w-auto { width: auto; }
.h-auto { height: auto; }

.mt-auto { margin-top: auto; }
.mr-auto { margin-right: auto; }
.mb-auto { margin-bottom: auto; }
.ml-auto { margin-left: auto; }

.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.text-justify { text-align: justify; }

.text-italic { font-style: italic; }
.text-strike-through { text-decoration: line-through; }

.text-xs { font-size: 10px !important; }
.text-sm { font-size: 12px !important; }
.text-md { font-size: 16px !important; }
.text-lg { font-size: 20px !important; }
.text-xl { font-size: 22px !important; }
.text-xxl { font-size: 24px !important; }

.text-lighter { font-weight: lighter; }
.text-normal { font-weight: normal; }
.text-semibold { font-weight: 600; }
.text-bold { font-weight: bold; }
.text-bolder { font-weight: bolder; }