/* =========================
   GLOBAL FONT SCALE +10%
   ========================= */

html {
    font-size: 110%;
}

/* Giữ heading không bị phóng quá lớn */
h1, .h1 {
    font-size: calc(2rem * 1.05);
}

h2, .h2 {
    font-size: calc(1.75rem * 1.05);
}

h3, .h3 {
    font-size: calc(1.5rem * 1.05);
}

h4, .h4 {
    font-size: calc(1.25rem * 1.05);
}

h5, .h5 {
    font-size: calc(1rem * 1.05);
}

h6, .h6 {
    font-size: calc(0.875rem * 1.05);
}

body, p, span, a, label, input, button, select, textarea {
    font-size: 1em;
}


/* =========================
   CONTAINER WIDTH +10%
   ========================= */

.container {
    max-width: 100%;
}

@media (min-width: 576px) {
    .container {
        max-width: 594px;
    }
    /* 540 * 1.1 */
}

@media (min-width: 768px) {
    .container {
        max-width: 792px;
    }
    /* 720 * 1.1 */
}

@media (min-width: 992px) {
    .container {
        max-width: 1056px;
    }
    /* 960 * 1.1 */
}

@media (min-width: 1200px) {
    .container {
        max-width: 1254px;
    }
    /* 1140 * 1.1 */
}

@media (min-width: 1400px) {
    .container {
        max-width: 1452px;
    }
    /* 1320 * 1.1 */
}



/* =========================
   SAFETY FIX (tránh vỡ UI)
   ========================= */

.btn {
    font-size: 0.95em;
}

table {
    font-size: 0.95em;
}

.form-control {
    font-size: 1em;
}

.navbar {
    font-size: 0.95em;
}