html { font-size: 0.875rem; position: relative; min-height: 100%; overflow-x: hidden; }
body { font-family: 'Google Sans','Roboto',  sans-serif !important; overflow-x: hidden; }
h1{ font-size: 1.4rem !important;}
h2{ font-size: 1.25rem !important;}
h3{ font-size: 1.2rem !important;}
h4{ font-size: 1.0rem !important;}
.w-content{ width: max-content;}
.w-20p{ width: 20px;}
.w-30p{ width: 30px;}
.w-40p{ width: 40px;}
.w-50p{ width: 50px;}
.w-60p{ width: 60px;}
.w-70p{ width: 70px;}
.w-80p{ width: 80px;}
.w-90p{ width: 90px;}
.w-100p{ width: 100px;}
.w-120p {width: 120px;}
.w-130p {width: 130px;}
.w-150p {width: 150px;}
.w-150p {width: 160px;}
.w-180p {width: 180px;}
.w-200p {width: 200px;}
.w-220p {width: 220px;}
.w-250p {width: 250px;}
.w-280p {width: 280px;}
.w-320p {width: 320px;}
.w-360p {width: 360px;}
.w-420p {width: 420px;}
.w-480p {width: 480px;}
.w-600p {width: 600px;}
:root {--bs-danger: #CC0000 !important;--bs-danger-hover: #9C0000 !important; --bs-light: #dee2e6 !important;}
.btn-danger {background: var(--bs-danger) !important;}
.bg-danger{background: var(--bs-danger)  !important;}
.text-danger{ color: var(--bs-danger) !important;}
.text-justify {text-align: justify;}
.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;}
.toast{ width: max-content !important;}
@media(max-width: 991.9px) {
    .container {padding-right: 1.0rem !important;padding-left: 1.0rem !important;}
}

@media (min-width: 992px) {
    html { font-size: 0.9rem; position: relative; min-height: 100%; overflow-x: hidden; }
    h1{ font-size: 1.8rem !important;}
    h2{ font-size: 1.6rem !important;}
    h3{ font-size: 1.4rem !important;}
    h4{ font-size: 1.2rem !important;}
}

@media (min-width: 1400px) {
    html { font-size: 1.0rem; }
}