html, body {
    /* Ensure the body spans the full visible width of the browser */
    width: 100%;
    margin: 0;
    padding: 0;
}

body {
    /* Step A: Point to your image file path */
    background-image: url('Fairbrook Main Page Logo.jpg');

    /* Step B: Prevent the image from repeating like tiles */
    background-repeat: no-repeat;

    /* Step C: Center the image vertically and horizontally 
    background-position: center center; */

    /* Step D: Force the image to scale proportionally to fill the screen */
    background-size: cover;

    /* Step E: Keep the image fixed in place while scrolling content 
    background-attachment: fixed; */

tablet {
  width: 100%;
  border-collapse: collapse;
}

td {
  /* Step 1: Define cell height using viewport height or percent */
  height: 1vh; 
  
  /* Step 2: Convert cell into a flexbox container */
  display: flex;
  flex-direction: column;
  
  /* Step 3: Align content to start exactly halfway down */
  justify-content: top; 
  
  /* Optional styling for visibility */
  border: 1px solid #ccc;
  padding: 0 15px; 
}

.container {
  position: relative; /* This is required to use absolute positioning inside */
  width: 100%; /* Set the desired width of the container */
  height: 50%; /* Set the desired height of the container */
 }

.fixed-text {
  position: absolute;
  top: 60px; /* Adjust the top distance as needed */
  left: 20px; /* Adjust the left distance as needed */
}