/* Screen and Print Styles */
body {
    font-family: 'Arial', sans-serif;
	font-size: 17px;
    margin: 0;
    padding: 0;
    margin-left: 20px; /* Adjust as needed */
    margin-right: 20px; /* Adjust as needed */
}

body p {
    margin-top: 10px; /* Adjust as needed */
    margin-bottom: 0px; /* Adjust as needed */
}

main {
    padding: 20px;
}

header {
    width: 100%;
    text-align: center;
    margin-bottom: 20px; /* Optional: adds some space below the header */
}

#header-image {
    width: 100%; /* Or your preferred width */
    max-width: 800px; /* Or your preferred maximum width */
    height: auto; /* Maintains the aspect ratio of the image */
}

.column-container {
    width: 100%;
    table-layout: fixed; /* Makes sure the table takes the full width and columns are equally spaced */
    border-collapse: collapse; /* Removes the space between the cells */
}

.column {
    width: 50%; /* Each column takes half of the table’s width */
    padding: 20px; /* Adds space around the content inside each column */
    vertical-align: top; /* Aligns the content to the top of the cells */
}

/* .column-container { */
    /* display: flex; */
    /* justify-content: space-between; */
    /* padding: 20px; */
/* } */

/* .column { */
    /* display: flex; */
    /* flex-direction: column; */
    /* justify-content: space-between; /* Aligns content to the top and signature-line to the bottom */ */
    /* width: 45%; */
    /* padding-top: 10px; */
/* } */

.column p {
    margin-top: 5px; /* Adjust as needed */
    margin-bottom: 5px; /* Adjust as needed */
}

.content {
    /* If needed, you can apply styles specifically to the content div */
}

.signature-line {
    position: relative; /* Sets the reference point for absolutely positioned children */
	margin-top: 30px; /* Adjust this value to create more space above the signature line */
}

#current-date {
    position: absolute;
    left: 0; /* Adjust as needed */
    bottom: 34px; /* Adjust as needed to align with the signature image */
    font-size: 17px; /* Adjust as needed */
}

#signature-image {
    position: absolute; /* Allows precise positioning relative to the .signature-line container */
    bottom: 34px; /* Adjust as needed to position the image correctly above the line */
    left: 160px; /* Centers the image horizontally */
    transform: translateX(-50%); /* Ensures the centering is accurate */
    height: 30px; /* Or your preferred height */
    width: auto; /* Maintains the aspect ratio of the image */
}

#line {
    margin-top: 30px; /* Adjust as needed */
}

/* Additional Print Styles */
@media print {
    main, .column-container {
        page-break-inside: avoid;
    }
    
    body {
        color: black;
    }
}