/* Default styling STYLE MAIN TEXT PER SCREEN WIDTH */
.text-container p {
    font-size: 4vw; /* Base font size using viewport width */
    line-height: 1.6;
    color: #333;
}


/* Default styling STYLE FOOTNOTE PER SCREEN WIDTh */
.text-container FootnoteStyle {
    font-size: 2vw; /* Base font size using viewport width */
    line-height: 1.6;
    color: #333;
}


/* Mobile Pata SCSS to apply different sizes based on screen width STYLE LOGO */
@media (max-width: 600px) {
    .card .card-img-bottom {
        width: 80vw; /* Set width for screens <= 600px */
    }
}

@media (min-width: 601px) {
    .card .card-img-bottom {
        width: 480px; /* Set width for screens between 601px and 1200px */
    }
}


    .footnote-font {
        font-size: 3vw; /* Default font size for screens up to 600px */
    }

    @media (min-width: 601px) and (max-width: 900px) {
        .footnote-font {
            font-size: 2vw; /* Font size for screens between 601px and 900px */
        }
    }

    @media (min-width: 901px) {
        .footnote-font {
            font-size: 1vw; /* Font size for screens larger than 900px */
        }
    }





    .title-image {
      min-width: 300px;  /* Minimum width of the image */
      max-width: 400px;  /* Maximum width of the image */ 
      width: 75%; /* Ensure image scales with container width */
      height: auto; /* Maintain aspect ratio */
    }



.custom-br {
    display: block;
    margin-bottom: .4em; /* Adjust the value to increase or decrease this additional line-return space */
}



.linereturn-1 {
            display: block; /* Makes the span behave like a block-level element */
            height: .1em; /* Adds exactly .1em of leading space */
            width: 100%; /* Ensures it spans the full width of its container */
            }


.linereturn-2 {
            display: block; /* Makes the span behave like a block-level element */
            height: .2em; /* Adds exactly .2em of leading space */
            width: 100%; /* Ensures it spans the full width of its container */
            }


.linereturn-3 {
            display: block; /* Makes the span behave like a block-level element */
            height: .3em; /* Adds exactly .3em of leading space */
            width: 100%; /* Ensures it spans the full width of its container */
            }


.linereturn-4 {
            display: block; /* Makes the span behave like a block-level element */
            height: .4em; /* Adds exactly .4em of leading space */
            width: 100%; /* Ensures it spans the full width of its container */
            }



.linereturn-6 {
            display: block; /* Makes the span behave like a block-level element */
            height: .6em; /* Adds exactly .6em of leading space */
            width: 100%; /* Ensures it spans the full width of its container */
            }


.linereturn-8 {
            display: block; /* Makes the span behave like a block-level element */
            height: .8em; /* Adds exactly .6em of leading space */
            width: 100%; /* Ensures it spans the full width of its container */
            }


.linereturn-10 {
            display: block; /* Makes the span behave like a block-level element */
            height: 1em; /* Adds exactly .6em of leading space */
            width: 100%; /* Ensures it spans the full width of its container */
            }

.linereturn-12 {
            display: block; /* Makes the span behave like a block-level element */
            height: 1.2em; /* Adds exactly .6em of leading space */
            width: 100%; /* Ensures it spans the full width of its container */
            }

.linereturn-15 {
            display: block; /* Makes the span behave like a block-level element */
            height: 1.5em; /* Adds exactly .6em of leading space */
            width: 100%; /* Ensures it spans the full width of its container */
            }

.linereturn-20 {
            display: block; /* Makes the span behave like a block-level element */
            height: 2em; /* Adds exactly .6em of leading space */
            width: 100%; /* Ensures it spans the full width of its container */
            }