body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: 'Montserrat', sans-serif;
}

body {
    background: url('bg.png') no-repeat center center fixed;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}

.container {
    background-color: #EDEBE6; /* Light cream color */
    width: 60%; /* Increased width to make the rectangle more square */
    max-width: 560px; /* Increased maximum width */
    height: 85%;
    max-height: 355px;
    padding: 40px;
    box-sizing: border-box;
    margin: auto; /* Center the container horizontally */
    text-align: center; /* Center align text inside the container */
}

h1.desi-titlis {
    font-size: 2em; /* Medium size for company name */
    margin-bottom: 10px; /* Gap between company name and "NEW THINGS COMING" */
    font-family: 'Playfair Display', serif; /* Use Playfair Display for company name */
}

h2 {
    font-size: 2.5em; /* Largest size for "NEW THINGS COMING" */
    margin-top: 0;
}

p {
    font-size: 1em; /* Smallest size for other text */
    margin: 5px 0;
}

.small-text {
    font-size: 0.8em; /* Size for @desititlis text */
    margin-top: 10px; /* Gap above social media icons */
}

.social {
    margin-top: 20px;
}

.social a {
    margin: 0 10px;
    display: inline-block;
}

.social img {
    width: 40px;
    height: 40px;
}

@media (max-width: 768px) {
    h1.desi-titlis {
        font-size: 1.8em; /* Adjust for smaller screens if needed */
    }

    h2 {
        font-size: 2em; /* Adjust for smaller screens if needed */
    }

    p {
        font-size: 0.8em; /* Adjust for smaller screens if needed */
    }

    .container {
        width: 90%;
        padding: 20px;
    }
}

footer {
    background-color: #EDEBE6; /* Updated background color */
    color: black; /* Updated text color */
    text-align: center;
    padding: 10px 0;
    width: 100%;
    position: absolute; /* Ensures it sticks to the bottom */
    bottom: 0; /* Aligns it to the bottom */
}