/* General Reset */
html, body {
    margin: 0;
    padding: 0;
    height: 100%; /* Full height to use for centering */
   
    place-items: center; /* Centers both vertically and horizontally */
    min-height: 100vh; /* Ensures full-page height */
    background-color: #fff; /* Background color */
    color: #0092fe; /* Text color */
    font-family: "Crimson Text", Icons; /* Universal font */
    line-height: 3; /* Line height for readability */
}

.body-content {
    text-align: center; /* Center all text and inline elements */
   /* Limit width for better readability */
    margin: 0 auto; /* Ensure horizontal centering */
     place-items: center; 
   width: 100vw;
}

body.mobile #site_menu_wrapper {
    position: fixed; /* Fixes the menu in place */
    top: 15px; /* Position at the top of the screen */
    right: 15px; /* Align to the right */
    z-index: 1000; /* Ensure it stays above other elements */
}

body.mobile #site_menu_button {
    width: 100px; /* Adjust size of the hamburger */
    height: 100px;
    cursor: pointer; /* Ensure it appears clickable */
    display: block; /* Force visibility */
    visibility: visible;
    opacity: 1;
    background-color: #fff; /* Optional: Add styling for visibility */
    color: #0092fe;
    border-radius: 5px; /* Optional: Round corners */
}

/* Header Adjustments */
.header {
    margin: 0; /* Remove margin to avoid extra space */
    padding: 0;
    height: 100%;
    text-align: center; /* Center text */
    color: #008eff; /* Set the text color */
    font-family: "Crimson Text", Icons; /* Apply your preferred font */
    font-size: 2rem; /* Set the font size */
    z-index: 2; /* Ensure it appears above other elements if needed */
}
/* Centralized Text Container */
.text-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    max-width: 800px;
    padding: 20px;
    box-sizing: border-box;
    color: inherit; /* Ensure text inherits the body color */
    font-family: inherit; /* Ensure consistency */
}

/* Styling for Links */
a {
    color: #00BFFF; /* Updated color */
    text-decoration: none;
    transition: opacity 0.3s ease;
    font-family: inherit; /* Ensure consistency */

    
}

a:hover {
    opacity: 0.7;

}
/* Images */
img {
    border: 0;
    padding: 0;
    max-width: 100%;
	 place-items: center;
    height: auto;
}

/* Wrapper styles */
#site_menu_wrapper {
    position: absolute; /* Take it out of the normal flow for manual positioning */
    top: 74px; /* Adjust positioning as needed */
    right: 75px;
    z-index: 10; /* Ensure it appears above other elements */
}

#site_menu_button {
    width: 50px !important; /* Enforce size */
    height: 50px !important; /* Enforce size */
    cursor: pointer;
    display: block; /* Ensure it remains visible */
    visibility: visible;
    opacity: 1;
    font-size: 8rem !important;
     line-height: 1;
    /* Adjust text/icon size if applicable */
}

/* Adjustments for mobile */
@media (max-width: 7068px) {
    #site_menu_wrapper {
        top: 0px;
        right: 10px;
        
    }
    #site_menu_button {
        width: 55px;
        height: 85px;
    }
}

@media (max-width: 768px) {
    img {
        max-width: 100%; /* Ensure images fit within the container */
        height: auto; /* Maintain aspect ratio */
        object-fit: contain;
        
        /* Prevent distortion */
    }
}


    @media (max-width: 768px) {
    small a {
        font-size: xx-largerem;
        width: 100vw;
         font-size: 4rem;
         line-height: 1.5;/* Larger text for mobile */
    }
}