/* Always use smooth scroll */
html {
	scroll-behavior: smooth;
}

.wrap-all,
.table-container .table,
.table-container .table tr td {
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

/*
.title-xl {
    font-size:1rem !important;
}
.title-xxl {
    font-size:1.4rem;
}
.title-xxxl {
    font-size:2.5rem;
}
@media only screen and (min-width: 480px) {
    .title-xl {
        font-size:1.5rem !important;
    }
    .title-xxl {
        font-size:1.0rem;
    }
    .title-xxxl {
        font-size:4.0rem;
    }
}
@media only screen and (min-width: 640px) {
    .title-xl {
        font-size:2rem !important;
    }
    .title-xxl {
        font-size:2.0rem;
    }
    .title-xxxl {
        font-size:7.0rem;
    }
}
@media only screen and (min-width: 768px) {
    .title-xl {
        font-size:2.5rem !important;
    }
    .title-xxl {
        font-size:3.0rem;
    }
    .title-xxxl {
        font-size:8.0rem;
    }
}
@media only screen and (min-width: 960px) {
    .title-xl {
        font-size:2.8rem !important;
    }
    .title-xxl {
        font-size:4.0rem;
    }
    .title-xxxl {
        font-size:9.0rem;
    }
}
@media only screen and (min-width: 1440px) {
    .title-xl {
        font-size:2.8rem !important;
    }
    .title-xxl {
        font-size:5.0rem;
    }
    .title-xxxl {
        font-size:10.0rem;
    }
}
*/