/* Default font size for paragraph (p) tags */
p {
    font-size: 18px; /* Set the base font size */
    line-height: 1.6; /* Increase line height for better readability */
    margin-bottom: 1.2em; /* Add some spacing between paragraphs */
}

/* Adjust for mobile screens */
@media screen and (max-width: 768px) {
    p {
        font-size: 16px; /* Smaller font size for smaller screens */
    }
}

/* Default font sizes for PC (large screens) */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Lost Jacket', sans-serif;
    text-transform: uppercase; /* Make all text uppercase */
}

/* Set default font sizes for larger screens (PC), 20% bigger */
h1 { font-size: 57.6px; }  /* 48px * 1.2 */
h2 { font-size: 48px; }    /* 40px * 1.2 */
h3 { font-size: 38.4px; }  /* 32px * 1.2 */
h4 { font-size: 33.6px; }  /* 28px * 1.2 */
h5 { font-size: 28.8px; }  /* 24px * 1.2 */
h6 { font-size: 24px; }    /* 20px * 1.2 */

/* Adjust font sizes for mobile devices, 20% bigger */
@media screen and (max-width: 768px) {
    h1 { font-size: 43.2px; }  /* 36px * 1.2 */
    h2 { font-size: 36px; }    /* 30px * 1.2 */
    h3 { font-size: 28.8px; }  /* 24px * 1.2 */
    h4 { font-size: 24px; }    /* 20px * 1.2 */
    h5 { font-size: 21.6px; }  /* 18px * 1.2 */
    h6 { font-size: 19.2px; }  /* 16px * 1.2 */
}

/* Optionally adjust further for very small mobile screens (extra small phones), 20% bigger */
@media screen and (max-width: 480px) {
    h1 { font-size: 33.6px; }  /* 28px * 1.2 */
    h2 { font-size: 28.8px; }  /* 24px * 1.2 */
    h3 { font-size: 24px; }    /* 20px * 1.2 */
    h4 { font-size: 21.6px; }  /* 18px * 1.2 */
    h5 { font-size: 19.2px; }  /* 16px * 1.2 */
    h6 { font-size: 16.8px; }  /* 14px * 1.2 */
}