/* =========================
MOBILE
========================= */
@media screen  and (max-width:1100px) {

    .cards {
        flex-direction: column;
        align-items: center;
    }

    .side-title {
        display: none;
    }

}

@media screen  and (max-width:480px) {

    .wrapper {
        padding: 50px 15px;
    }

    .card {
        width: 100%;
    }

    .section-title,
    .invitation h2 {
        font-size: 34px;
    }

    .names {
        font-size: 46px;
    }

    .footer-block h2 {
        font-size: 34px;
    }

}

.simple-divider {
    border: none;
    border-top: 2px solid #8ba888;
    margin: 2px;
    opacity: 30%;
    margin: 0 auto;
    width: 80%;
}

/* =========================
ANIMATION
========================= */

.card {
    animation: fadeUp 1s ease;
}

@keyframes fadeUp {

    from {
        opacity: 0;
        transform: translateY(40px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }

}