@media (max-width: 767px) {
    .linha-com-coracoes::before,
    .linha-com-coracoes::after {
        width: 40%;
    }

    .splide-menor img {
        max-height: 250px;
        object-position: center top;
    }

    header {
        margin-top: 60px;
        background-position: center top;
        background-size: contain;
        background-repeat: no-repeat;
        height: 310px;
        background-color: #333;
    }

    #dados {
        position: absolute !important;
        bottom: 10px !important;
        top: unset !important;
        left: unset !important;
        width: 100%;
        text-align: center;
    }

    #dados h1 {
        font-family: 'Great Vibes', cursive;
        font-size: 2em;
    }

    #dados p {
        font-size: 1em;
    }

    .countdown {
        font-size: 1em;
    }

    .mensagem-card {
        font-size: 1.1em;
    }

    .linha-decorada {
        font-size:1.3em;
    }
}