.valuation-day-description {
    font-size: 2rem;
    line-height: 1.5;
    color: #333;
    margin: auto 0;
    padding-left: 1rem;
    padding-right: 1rem;
}

em, .valuation-day-description {
    font-size: 1.5rem;
    font-weight: bold;
    font: playfair;
    margin-bottom: 0.5em;
}

p, .valuation-day-description {
    font-size: 2rem;
    font-weight: bold;
    font: playfair;
    margin-bottom: 0.5em;
}


.grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr); /* 12-column layout */
    gap: 16px; /* Gap between grid items */
    padding: 1rem;
}

.valuation-day-address {
    grid-column-start: 10; /* This pushes the address to start from the 10th column in the grid */
    grid-column-end: 13; /* This makes it take up to the 12th column */
    font-size: 1.2rem;
    font-weight: bold;
    background-color: darkgray;
    margin-bottom: 0.5rem;
    display: inline-block;
    text-align: right;
}

h5, .valuation-day-address {
    font-size: 1.2rem;
    font-weight: bold;
    margin: auto auto;
    margin-bottom: 0.5rem;
    display: inline-flex;
}

.valuation-day-description span {
    background-color: red;
}

/* Responsive adjustments for screens smaller than 768px (e.g., smartphones) */
@media (max-width: 768px) {
    .grid {
        grid-template-columns: 1fr; /* Stack elements vertically on smaller screens */
    }

    .description, .address {
        width: 100%; /* Full width for both elements */
        padding: 0.5rem; /* Add padding for better spacing */
    }

    .valuation-day-description, .valuation-day-address {
        font-size: 2rem; /* Smaller font size for mobile */
        text-align: center; /* Center align the text */
    }

    h5.valuation-day-address {
        padding: 10px; /* Ensure sufficient padding */
        margin-top: 20px; /* Add top margin to separate from description */
        display: inline-block;
        justify-content: flex-end;
    }

    .valuation-day-address span {
        display: block; /* Make span a block to fill the width */
    }
}

.address {
    text-align: right;
    width: 100%; /* Ensures full width */
    display: block; /* Makes sure it's block-level for alignment */
}

.title {
    padding-top: 1em;
}