/* Ajustes para diferentes tamaños de pantalla */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
/*
html, body {
    height: 100%;
    overflow: hidden;
}
*/
.page-wrapper {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.title-text {
    font-family: 'Raleway', sans-serif;
    font-size: 2.5rem;
}

@media (max-width: 576px) {
    .title-text {
        font-size: 1.5rem;
    }

    .card {
        margin: 0 0.5rem;
    }

    .logo-img img {
        max-width: 100%;
        max-height: 300px;
    }

    .btn {
        font-size: 1.2rem;
    }
}

@media (min-width: 577px) and (max-width: 768px) {
    .title-text {
        font-size: 2rem;
    }

    .card {
        margin: 0 1rem;
    }

    .logo-img img {
        max-width: 100%;
        max-height: 350px;
    }

    .btn {
        font-size: 1.4rem;
    }
}

@media (min-width: 769px) and (max-width: 992px) {
    .title-text {
        font-size: 2.25rem;
    }

    .card {
        margin: 0 1.5rem;
    }

    .logo-img img {
        max-width: 100%;
        max-height: 400px;
    }

    .btn {
        font-size: 1.6rem;
    }
}

@media (min-width: 993px) {
    .title-text {
        font-size: 2.5rem;
    }

    .col-lg-4 {
        max-width: 360px;
    }

    .card {
        margin: 0 auto;
    }

    .logo-img img {
        max-width: 100%;
        max-height: 400px;
    }

    .btn {
        font-size: 1.6rem;
    }
}