.logotitle {
    font-family: "Ultra", sans-serif;
    font-weight: 600;
    color: #2e7d32
}

.font-family-ultra {
    font-family: "Ultra", sans-serif;
}

.homepage-image-col {
    /* Ensure the image container has position relative for absolute positioning of image if needed, 
     though flexbox handles this without absolute positioning */
    display: flex;
    /* Helps ensure the image behaves as a flex item within the column */
}

homepage-image-col-image {
    width: 100%;
    /* Image takes the full width of its column */
    height: 100%;
    /* Image takes the full height of the column */
    object-fit: cover;
    /* This is key: it scales the image to cover the entire space while maintaining aspect ratio, cropping the image if necessary. */
    max-width: 600px;
    max-height: 348px;
}

.head-background-banner {
    background-image: url('/static/images/sites-static/student_studying_610X600.png');
    background-repeat: no-repeat;
    /* Prevents the image from tiling */
    background-position: right center;
    /* Aligns horizontally to the right and vertically to the center */
}