/* Font Stylesheet */

/* Base font size */
html {
    font-size: 16px; /* Default base size */
}

body {
    font-family: Arial, sans-serif; /* Default font */
}

/* Headings */
h1 {
    font-size: 2em; /* 32px if base is 16px */
}

h2 {
    font-size: 1.75em; /* 28px if base is 16px */
}

h3 {
    font-size: 1.5em; /* 24px if base is 16px */
}

h4 {
    font-size: 1.25em; /* 20px if base is 16px */
}

h5 {
    font-size: 1em; /* 16px if base is 16px */
}

/* Paragraph */
p {
    font-size: 1.2em; /* 16px if base is 16px */
    line-height: 1.6; /* Optimal for readability */
}
p.size-08{
    font-size:0.8em;
}
p.size-09{
    font-size:0.9em;
}

/* Unordered List */
ul li {
    font-size: 1em; /* 16px if base is 16px */
}

/* Ordered List */
ol li {
    font-size: 1em; /* 16px if base is 16px */
}

/* Custom Title Sizes */
.title-extra-large, .title-large, .title-medium, .title-small, .title-extra-small{
    font-weight:bold;
}

.title-extra-large {
    font-size: 4em; /* 40px if base is 16px */
}

.title-large {
    font-size: 3em; /* 32px if base is 16px */
}

.title-medium {
    font-size: 2em; /* 24px if base is 16px */
}

.title-small {
    font-size: 1.5em; /* 20px if base is 16px */
}

.title-extra-small {
    font-size: 1.25em; /* 16px if base is 16px */
}

/* Responsive Font Sizes */
@media (max-width:900px){
    .title-extra-large{
        font-size:3.5em;
    }
    .title-large{
        font-size:2.5em;
    }
    .title-medium{
        font-size:1.9em;
    }
}
@media (max-width: 768px) {
    html {
        font-size: 14px; /* Slightly smaller base size for mobile */
    }

    /* Adjusting custom title sizes for smaller screens */
    .title-extra-large {
        font-size: 3em; /* 28px if base is 14px */
    }

    .title-large {
        font-size: 2em; /* 24.5px if base is 14px */
    }
    
    .title-medium {
        font-size: 1.75em; /* 24.5px if base is 14px */
    }

}

.decoration-none{
    text-decoration:none;
}

.weight-normal{
    font-weight:normal;
}
.weight-300{
    font-weight:300;
}
.weight-400{
    font-weight:400;
}
.weight-500{
    font-weight:500;
}
.weight-600{
    font-weight:600;
}
.weight-700{
    font-weight:700;
}
.weight-800{
    font-weight:800;
}
.weight-900{
    font-weight:900;
}
.weight-bold{
    font-weight:bold;
}

@media screen and (max-width:500px){
    .mobile-text-center{
        text-align:center;
    }
}