/* General Reset */
html, body, h1, h3, img {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Background Image */
body {
    background: url(../images/bg.png) no-repeat center center fixed;
    background-size: cover;
    font-family: 'Bai Jamjuree', sans-serif;
    color: white;
    text-align: center;
}

/* Content Wrapper */
.wrap {
    width: 80%;
    margin: 0 auto;
}

/* Logo Styles */
.logo-container {
    margin: 2em 0;
}

.logo {
    width: 150px;
    max-width: 100%;
    height: auto;
}

/* Coming Soon Text */
.coming-soon-text {
    font-size: 7em;
    font-weight: 400;
    padding: 0.2em 0;
    margin-top: 0em; /* Added margin to move it lower */
}

/* Subheading Text */
.subheading-text {
    font-size: 1.5em;
    font-weight: 400;
    padding: 0.2em 0;
}

/* Responsive Styles */
@media (max-width: 1024px) {
    .coming-soon-text {
        font-size: 4em;
        margin-top: 0.8em;
    }

    .subheading-text {
        font-size: 1.2em;
    }

    .logo {
        width: 120px;
    }
}

@media (max-width: 480px) {
    .coming-soon-text {
        font-size: 3em;
        margin-top: 0.5em;
    }

    .subheading-text {
        font-size: 1em;
    }

    .wrap {
        width: 95%;
    }
}