* {
    padding: 0;
    margin: 0;
}


@font-face {
    font-family: Inter;
    src: url("../fonts/Inter-Regular.ttf");
}

@font-face {
    font-family: Bebas;
    src: url("../fonts/BebasNeueCyrillicRegular.ttf");
}

@font-face {
    font-family: BebasEnglish;
    src: url("../fonts/BebasNeueEnglish.ttf");
}


/*DESKTOP*/


html {
    box-sizing: border-box;
    font-size: calc(100vw / 1536 * 10);
    transition: 0.3s linear;
}

body {
    background: #FFFFFF;
}

.omg-container {
    padding-left: 17.6rem;
    padding-right: 17.6rem;
    position: relative;
    display: grid;
}

.header {
    background: rgba(208, 208, 208, 0.31);
    backdrop-filter: blur(1rem);
    -webkit-backdrop-filter: blur(1rem);
    padding-top: 1.9rem;
    padding-bottom: 1.9rem;
    z-index: 15;
    position: fixed;
    left: 0;
    right: 0;
    box-shadow: 0 0.4rem 1.8rem 0.4rem rgba(0, 0, 0, 0.25);
}

.header-content {
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    align-items: center;
}

.header-actions {
    display: grid;
    grid-template-columns: auto auto;
    gap: 1.764rem;
}

.header-logo {
    width: 16.4rem;
    height: 3.8rem;
}

.header-logo img {
    width: 100%;
}

.button-classic {
    display: grid;
    width: 22.43rem;
    height: 4.688rem;
    font-family: Inter, sans-serif;
    font-weight: 400;
    font-size: 1.68rem;
    line-height: 2rem;
    align-items: center;
    text-align: center;
    text-decoration: none;
    border-radius: 0.8rem;
    border: 0.1rem solid transparent;
}

.button-white {
    background: #FFFFFF;
    color: #000000;
}

.button-transparent {
    background: transparent;
    color: black;
    border: 0.1rem solid black;
    width: 19.4rem;
}

.button-transparent:hover, .button-transparent:active {
    background: black;
    color: #FFFFFF;
    transition: 0.3s ease-out;
}

.omg-action {
    background: #FFD249;
    color: #000000;
    transition: 0.3s ease-out;
    box-sizing: border-box;
}

.omg-action:hover, .omg-action:active {
    color: #FFFFFF;
    background: #FF4789;
}

.welcome {
    position: relative;
    overflow: hidden;
}

.back-paper-1 {
    position: absolute;
    z-index: 2;
    left: -1rem;
    right: -1rem;
}

.back-paper-1 img {
    width: 100%;
}

.main {
    display: grid;
    z-index: 3;
    position: relative;
    margin-bottom: 7.3rem;
}

.main-banner {
    position: relative;
    width: 78rem;
    display: grid;
    margin-left: 20rem;
    padding-top: 14.1rem;
    padding-bottom: 9.8rem;
}

.green-banner-1 {
    width: 60rem;
    justify-self: left;
    z-index: 3;
}

.green-banner-1 img {
    width: 100%;
}

.pink-banner-1 {
    margin-top: -0.3rem;
    width: 63.8rem;
    justify-self: right;
    z-index: 3;
}

.pink-banner-1 img {
    width: 100%;
}


.absolute-diamond-little {
    position: absolute;
    width: 13.2rem;
    bottom: 5.4rem;
    left: 2rem;
}

.absolute-diamond-big {
    position: absolute;
    width: 21.4rem;
    bottom: -9rem;
    right: -4.3rem;
}

.absolute-zip {
    position: absolute;
    width: 13rem;
    top: 11.5rem;
    right: 10rem;
}

.absolute-diamond-little img, .absolute-diamond-big img, .absolute-zip img {
    width: 100%;
}

.main-logo {
    width: 45.1rem;
    position: absolute;
    left: 54.5rem;
    top: 37rem;
}

.main-logo:hover .main-logo-path-1, .main-logo:active .main-logo-path-1 {
    fill: #FF4789;
    transition: 0.3s ease-out;
}

.main-logo:hover .main-logo-path-2, .main-logo:active .main-logo-path-2 {
    fill: white;
    transition: 0.3s ease-out;
}


.main-image {
    width: 100%;
    border-radius: 4.9rem;
}

.main-image img {
    width: 100%;
}

.main-image-mob {
    display: none;
    border-radius: 3.6rem;
}

.main-image-mob img {
    width: 100%;
}

.back-petals {
    width: 50.6rem;
    z-index: 5;
    position: absolute;
    left: 0;
    top: 0;
}

.back-diamonds {
    width: 34.1rem;
    z-index: 5;
    position: absolute;
    right: 0;
    top: 0;
}

.back-petals img, .back-diamonds img {
    width: 100%;
}


.top {
    position: relative;
    z-index: 3;
    padding-bottom: 30rem;
}

.top-tittle {
    font-family: Bebas, sans-serif;
    color: black;
    font-size: 7.2rem;
    text-align: center;
    margin-bottom: 4.2rem;
}

.top-cards {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2.8rem;
}

.top-card {

}

.top-card-image {
    margin-bottom: 2.2rem;
}

.top-card-image img {
    width: 100%;
}

.top-card-tittle {
    font-family: Bebas, sans-serif;
    color: black;
    font-size: 4.5rem;
    text-align: left;
    margin-bottom: 1rem;
}

.top-card-text {
    font-family: Inter, sans-serif;
    color: black;
    font-size: 1.8rem;
    line-height: 2.2rem;
    text-align: left;
    min-height: 4.5rem;
    margin-bottom: 2.4rem;
}

.top-card-price {
    font-family: Bebas, sans-serif;
    color: black;
    font-size: 2.3rem;
    text-align: right;
    margin-bottom: 2.8rem;
}

.top-price-number {
    font-size: 4.5rem;
}

.top-card-action {
    width: 100%;
}

.top-action {
    width: 100%;
    font-size: 1.7rem;
}

.invite {
    background-color: #FFFFFF;
    position: relative;
}


.invite-content {
    padding-top: 6.5rem;
    padding-bottom: 9rem;
    z-index: 3;
    margin-left: 40.5rem;
}

.invite-tittle {
    font-family: Bebas, sans-serif;
    font-size: 7.2rem;
    color: black;
    z-index: 3;
    margin-bottom: 4rem;
}

.invite-text {
    font-family: Inter, sans-serif;
    font-size: 2.2rem;
    line-height: 2.7rem;
    max-width: 74.6rem;
    margin-bottom: 3.2rem;
}

.invite-action {
    width: 37.6rem;
}

.invite-action-link {
    width: 100%;
}

.back-love {
    position: absolute;
    width: 54.9rem;
    left: 0;
    top: 6rem;
}

.back-love-mob {
    display: none;
}

.back-foliage {
    position: absolute;
    width: 43.4rem;
    left: 0;
    top: -7.8rem;
}

.back-flowers {
    position: absolute;
    width: 30rem;
    right: 0;
    top: -3.5rem;
}

.back-love img, .back-foliage img, .back-flowers img {
    width: 100%;
}

.back-flowers-mob {
    display: none;
}

.goodbye {
    overflow: hidden;
    position: relative;
}

.catalog {
    position: relative;
}

.back-paper-2 {
    width: 157.9rem;
    position: absolute;
    top: 0rem;
    left: -1.7rem;
    right: -1.7rem;
}

.back-paper-2 img {
    width: 100%;
}

.catalog-tittle {
    padding-top: 19rem;
    position: relative;
    z-index: 2;
    text-align: center;
    font-family: Bebas, sans-serif;
    font-size: 7.2rem;
    color: black;
    margin-bottom: 9rem;
}

.catalog-cards {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    margin-bottom: 8.8rem;
    column-gap: 2.7rem;
    row-gap: 6.5rem;
}

.catalog-card {

}

.catalog-card-image {
    width: 100%;
}

.catalog-card-image img {
    width: 100%;
}

.catalog-card-tittle {
    font-family: Bebas, sans-serif;
    color: black;
    font-size: 3rem;
    text-align: left;
    margin-top: 2.6rem;
}


.catalog-card-text {
    margin-top: 1.6rem;
    font-family: Inter, sans-serif;
    font-size: 1.4rem;
    line-height: 1.7rem;
    height: 3.5rem;
    margin-bottom: 0.8rem;
}

.catalog-card-text-9 {
    margin-top: 0;
    height: 1.8rem;
}

.catalog-card-price {
    font-family: Bebas, sans-serif;
    color: black;
    font-size: 1.7rem;
    text-align: right;
    margin-bottom: 2.1rem;
}

.catalog-price-number {
    font-size: 3rem;
}

.catalog-card-action {
    width: 100%;
}

.catalog-card-action-link {
    width: 100%;
    font-size: 1.2rem;
    color: black;
    display: grid;
    height: 3.5rem;
    font-family: Inter, sans-serif;
    align-items: center;
    text-align: center;
    text-decoration: none;
    border-radius: 0.8rem;
    border: 0.1rem solid transparent;
}


.catalog-action {
    display: grid;
    position: relative;
    z-index: 2;
    width: 37.6rem;
    margin: 0 auto;
}

.catalog-action-link {
    width: 100%;
    font-size: 1.7rem;
}

.last {
    background-color: #D9D9D9;
    padding-top: 27rem;
    padding-bottom: 13.6rem;
}

.last-banner {
    position: absolute;
    left: 16rem;
    top: 12rem;
    z-index: 5;

}

.green-banner-2 {
    width: 49.7rem;
    margin-bottom: 0.8rem;
}

.green-banner-2 img {
    width: 100%;
}

.last-banner-button {
    width: 34.7rem;
    margin-left: 11.2rem;
}


.last-banner-link:hover .last-banner-link-path-1, .last-banner-link:active .last-banner-link-path-1 {
    fill: #FFD249;
    transition: 0.3s ease-out;
}

.last-banner-link:hover .last-banner-link-path-2, .last-banner-link:active .last-banner-link-path-2 {
    fill: #000000;
    transition: 0.3s ease-out;
}

.last-content {
    position: relative;
    justify-self: flex-end;
    z-index: 4;
}

.leo-image {
    width: 77.8rem;
}

.mark-image {
    width: 22rem;
    position: absolute;
    right: -2.5rem;
    bottom: 2rem;
}

.leo-image img, .mark-image img {
    width: 100%;
}

.back-flowers-last-left {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 28rem;
}

.back-flowers-last-right {
    position: absolute;
    right: 0;
    bottom: 8rem;
    width: 40rem;
}

.back-flowers-last-right-mob {
    display: none;
}

.back-flowers-last-left img, .back-flowers-last-right img {
    width: 100%;
}

.footer {
    background-color: #ffffff;
    padding-top: 3.4rem;
    padding-bottom: 3.4rem;
}

.footer-logo {
    width: 16.4rem;
    height: 3.8rem;
    margin-left: auto;
    margin-right: auto;
}

.footer-logo img {
    width: 100%;
}

.invite-tittle-br {
    display: none;
}


/*TABLET STYLES*/


@media (max-width: 1024px) {


    html {
        font-size: calc(100vw / 1024 * 10);
    }

    .omg-container {
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .header {
        padding-top: 1.9rem;
        padding-bottom: 1.9rem;
    }

    .header-content {
        display: grid;
        grid-template-columns: auto auto;
        justify-content: space-between;
        align-items: center;
    }

    .header-logo {
        width: 16.4rem;
        height: 3.8rem;
    }

    .button-classic {
        display: grid;
        width: 22.43rem;
        height: 4.688rem;
        font-family: Inter, sans-serif;
        font-weight: 400;
        font-size: 1.68rem;
        line-height: 2rem;
        align-items: center;
        text-align: center;
        text-decoration: none;
        border-radius: 0.8rem;
        border: 0.1rem solid transparent;
    }

    .button-transparent {
        background: transparent;
        color: black;
        border: 0.1rem solid black;
        width: 19.4rem;
    }

    .button-transparent:hover, .button-transparent:active {
        background: black;
        color: #FFFFFF;
        transition: 0.3s ease-out;
    }

    .omg-action {
        background: #FFD249;
        color: #000000;
        transition: 0.3s ease-out;
    }

    .omg-action:hover, .omg-action:active {
        color: #FFFFFF;
        background: #FF4789;
    }

    .welcome {
        position: relative;
        overflow: hidden;
    }

    .back-paper-1 {
        position: absolute;
        width: 117.5rem;
        z-index: 2;
        left: -1rem;
        right: -1rem;
    }

    .main {
        margin-bottom: 6rem;
    }

    .main-banner {
        width: 61rem;
        margin-left: 16.8rem;
        padding-top: 12.2rem;
        padding-bottom: 6.3rem;
    }

    .green-banner-1 {
        width: 45.7rem;
        z-index: 3;
    }

    .pink-banner-1 {
        margin-top: -0.2rem;
        width: 48.6rem;
        z-index: 3;
    }


    .absolute-diamond-little {
        width: 10.2rem;
        bottom: 3rem;
        left: 2rem;
    }

    .absolute-diamond-big {
        width: 17.5rem;
        bottom: -9.5rem;
        right: -3rem;
    }

    .absolute-zip {
        width: 12rem;
        top: 10rem;
        right: 7rem;
    }

    .main-logo {
        width: 34.4rem;
        left: 32.8rem;
        top: 30rem;
    }

    .main-image {
        width: 100%;
        border-radius: 4.9rem;
    }

    .main-image img {
        width: 100%;
    }

    .back-petals {
        width: 33.2rem;
    }

    .back-diamonds {
        width: 26.6rem;
        top: -1rem;
    }

    .top {
        padding-bottom: 18rem;
    }

    .top-tittle {
        font-size: 4.5rem;
        text-align: center;
        margin-bottom: 3.9rem;
    }

    .top-cards {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 2.9rem;
    }

    .top-card {

    }

    .top-card-image {
        margin-bottom: 1.9rem;
    }

    .top-card-tittle {
        font-size: 3.6rem;
        margin-bottom: 0.6rem;
    }

    .top-card-text {
        font-size: 1.4rem;
        line-height: 1.8rem;
        text-align: left;
        min-height: 3.6rem;
        margin-bottom: 1.8rem;
    }

    .top-card-price {
        font-size: 1.8rem;
        margin-bottom: 2.2rem;
    }

    .top-price-number {
        font-size: 3.6rem;
    }

    .top-card-action {
        width: 100%;
    }

    .top-action {
        width: 100%;
        font-size: 1.4rem;
        height: 3.7rem;
    }

    .invite {

        overflow: hidden;
    }

    .invite-content {
        padding-top: 4.5rem;
        padding-bottom: 13rem;
        margin-left: 33rem;
    }

    .invite-tittle {
        font-size: 4.5rem;
        margin-bottom: 1.7rem;
    }

    .invite-text {
        font-size: 2.2rem;
        line-height: 2.7rem;
        max-width: 55.3rem;
        margin-bottom: 6rem;
    }

    .invite-action {
        width: 30.2rem;
    }

    .invite-action-link {
        width: 100%;
    }

    .back-love {
        width: 40.9rem;
        left: -8rem;
        top: 11rem;
    }


    .back-love-mob img {
        width: 100%;
    }

    .back-foliage {
        width: 39.4rem;
        left: -6rem;
        top: -4rem;
    }

    .back-flowers {
        width: 22.2rem;
        right: -4rem;
        top: -1rem;
        transform: rotate(-10deg);
    }


    .back-paper-2 {
        width: 123rem;
        top: 0;
        left: -16.7rem;
        right: 0;
    }

    .catalog-tittle {
        padding-top: 0rem;
        font-size: 4.5rem;
        margin-bottom: 6rem;
        margin-top: 12rem;
    }

    .catalog-cards {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        margin-bottom: 6rem;
        column-gap: 2.7rem;
        row-gap: 5rem;
    }

    .catalog-card {

    }

    .catalog-card-image {
        width: 100%;
    }

    .catalog-card-tittle {
        font-size: 2.4rem;
        margin-top: 2.6rem;
        line-height: 2.4rem;
    }


    .catalog-card-text {
        margin-top: 1.2rem;
        font-size: 1.2rem;
        line-height: 1.4rem;
        height: 2.8rem;
        margin-bottom: 0.5rem;
    }

    .catalog-card-text-9 {
        margin-top: 0.2rem;
        height: 1.4rem;
    }

    .catalog-card-price {
        font-size: 1.3rem;
        margin-bottom: 1.7rem;
    }

    .catalog-price-number {
        font-size: 2.4rem;
    }

    .catalog-card-action {
        width: 100%;
    }

    .catalog-card-action-link {
        width: 100%;
        font-size: 1.2rem;
        height: 2.8rem;
        border-radius: 0.5rem;
        border: 0.1rem solid transparent;
    }


    .catalog-action {
        width: 37.6rem;
        height: 4.6rem;
        margin: 0 auto;
    }

    .catalog-action-link {
        width: 100%;
        font-size: 1.7rem;
    }

    .last {
        padding-top: 20rem;
        padding-bottom: 11.2rem;
    }

    .last-banner {
        left: 2.2rem;
        top: 9rem;
    }

    .green-banner-2 {
        width: 42.6rem;
        margin-bottom: 0.8rem;
    }

    .last-banner-button {
        width: 27.7rem;
        margin-left: 9rem;
    }

    .leo-image {
        width: 62.2rem;
    }

    .mark-image {
        width: 22rem;
        position: absolute;
        right: -2.0rem;
        bottom: 1.5rem;
    }

    .leo-image img, .mark-image img {
        width: 100%;
    }

    .back-flowers-last-left {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 22rem;
    }

    .back-flowers-last-right {
        position: absolute;
        right: 0;
        bottom: 12rem;
        width: 27.5rem;
    }

    .back-flowers-last-left img, .back-flowers-last-right img {
        width: 100%;
    }

    .footer {
        background-color: #ffffff;
        padding-top: 3.4rem;
        padding-bottom: 3.4rem;
    }

    .footer-logo {
        width: 16.4rem;
        height: 3.8rem;
        margin-left: auto;
        margin-right: auto;
    }

    .footer-logo img {
        width: 100%;
    }

}











@media (max-width: 767px) {

    html {
        font-size: calc(100vw / 376 * 10);
    }
    .omg-container {
        padding-left: 1.6rem;
        padding-right: 1.6rem;
    }

    .header {
        padding-top: 0.9rem;
        padding-bottom: 0.9rem;
    }

    .header-actions {
        grid-template-columns: auto;
        gap: 0;
    }

    .button-transparent {
        display: none;
    }

    .header-logo {
        width: 10rem;
        height: 2.3rem;
    }

    .button-classic  {
        width: 15.8rem;
        height: 4.186rem;
        font-size: 1.4rem;
        line-height: 1.7rem;
        border-radius: 0.707rem;
    }

    .back-paper-1 {
        position: absolute;
        width: 179rem;
        z-index: 2;
        left: -15rem;
        right: 0;
    }

    .main {
        margin-bottom: 11rem;
    }

    .main-banner {
        position: absolute;
        width: 34rem;
        margin-left: 1.8rem;
        padding-top: 0;
        padding-bottom: 0;
        z-index: 6;
        order: 2;
        bottom: -7.1rem;
    }

    .green-banner-1 {
        width: 30rem;
        z-index: 3;
    }

    .pink-banner-1 {
        margin-top: -0.2rem;
        width: 31rem;
        z-index: 3;
    }


    .absolute-diamond-little {
        display: none;
    }

    .absolute-diamond-big {
        display: none;
    }

    .absolute-zip {
        display: none;
    }

    .main-logo {
        z-index: 7;
        width: 23rem;
        left: 7.1rem;
        top: 8.3rem;
    }

    .main-image {
        width: 100%;
        border-radius: 4.9rem;
        display: none;

    }

    .main-image-mob {
        order: 1;
        display: block;
        width: 34.4rem;
        padding-top: 10.9rem;
    }


    .back-petals {
        width: 17.5rem;
        z-index: 8;
    }

    .back-diamonds {
        width: 17.4rem;
        top: 2rem;
        right: -0.5rem;
    }

    .top {
        padding-bottom: 10rem;
    }

    .top-tittle {
        font-size: 4rem;
        text-align: center;
        margin-bottom: 2rem;
    }

    .top-cards {
        display: grid;
        grid-template-columns: 1fr;
        gap: 4rem;
    }

    .top-card {

    }

    .top-card-image {
        margin-bottom: 1.5rem;
        border-radius: 2.4rem;
        overflow: hidden;
    }

    .top-card-image img{
        object-fit: cover;
        width: 34.3rem;
        height: 33rem;
    }

    .top-card-tittle {
        font-size: 3.6rem;
        margin-bottom: 0.6rem;
    }

    .top-card-text {
        font-size: 1.4rem;
        line-height: 1.8rem;
        text-align: left;
        min-height: 2rem;
        margin-bottom: 1.2rem;
        width: 25rem;
    }

    .top-card-price {
        font-size: 1.8rem;
        margin-bottom: 1.8rem;
    }

    .top-price-number {
        font-size: 3.6rem;
    }

    .top-card-action {
        width: 100%;
    }

    .top-action {
        width: 100%;
        font-size: 1.4rem;
        height: 3.7rem;
    }

    .invite {
        overflow: unset;
    }

    .invite-content {
        padding-top: 4rem;
        padding-bottom: 3rem;
        margin-left: 0;
        z-index: 9;
    }

    .invite-tittle {
        font-size: 4.5rem;
        margin-bottom: 3rem;
    }

    .invite-text {
        font-size: 1.8rem;
        line-height: 2.1rem;
        max-width: 34.2rem;
        margin-bottom: 4rem;
    }

    .invite-action {
        width: 100%;
    }

    .invite-action-link {
        width: 100%;
    }

    .back-love {
       display: none;
    }

    .back-foliage {
        display: none;
    }

    .back-love-mob {
        display: block;
        position: absolute;
        bottom: -23rem;
        left: 0;
        width: 27rem;
        z-index: 6;
    }

    .back-flowers {
        display: none;
    }

    .back-flowers-mob {
        display: block;
        position: absolute;
        width: 15.5rem;
        right: 0;
        top: -10rem;
    }

    .back-flowers-mob img {
        width: 100%;
    }

    .back-paper-2 {
        width: 158rem;
        top: 0.5rem;
        left: -81.7rem;

        right: 0;
        z-index: 8;
    }

    .catalog {
        z-index: 10;
    }

    .catalog-tittle {
        padding-top: 14rem;
        font-size: 4.5rem;
        margin-bottom: 3rem;
        margin-top: 0;
    }

    .catalog-cards {
        grid-template-columns: 1fr 1fr;
        margin-bottom: 3.5rem;
        column-gap: 2.5rem;
        row-gap: 2.5rem;
    }

    .catalog-card {

    }

    .catalog-card-image {
        width: 100%;
        border-radius: 0.4rem;
    }

    .catalog-card-tittle {
        font-size: 1.7rem;
        margin-top: 1.8rem;
        line-height: 1.7rem;
    }


    .catalog-card-text {
        margin-top: 0.5rem;
        font-size: 1rem;
        line-height: 1.4rem;
        height: 2.9rem;
        margin-bottom: 0.5rem;
    }

    .catalog-card-text-9 {
        margin-top: 0.3rem;
        height: 1.4rem;
    }

    .catalog-card-price {
        font-size: 1rem;
        margin-bottom: 0.7rem;
    }

    .catalog-price-number {
        font-size: 1.7rem;
    }

    .catalog-card-action {
        width: 100%;
    }

    .catalog-card-action-link {
        width: 100%;
        font-size: 1.2rem;
        height: 2.8rem;
        border-radius: 0.5rem;
        border: 0.1rem solid transparent;
    }


    .catalog-action {
        width: 100%;
        height: 4.6rem;
        margin: 0 auto;
    }

    .catalog-action-link {
        width: 100%;
        font-size: 1.7rem;
    }

    .last {
        position: relative;
        padding-top: 17rem;
        padding-bottom: 8.5rem;
    }

    .last-banner {
        left: 1.5rem;
        top: -5.5rem;
        z-index: 8;
    }

    .green-banner-2 {
        width: 23rem;
        margin-bottom: -1.2rem;
    }

    .last-banner-button {
        width: 16.5rem;
        margin-left: 18.2rem;
    }

    .leo-image {
        width: 100%;
    }

    .mark-image {
        width: 22rem;
        position: absolute;
        right: 6rem;
        bottom: -3rem;
    }

    .leo-image img, .mark-image img {
        width: 100%;
    }

    .back-flowers-last-left {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 12rem;
    }

    .back-flowers-last-right {
        display: none;
    }

    .back-flowers-last-right-mob {
        display: block;
        position: absolute;
        right: 0;
        top: 8rem;
        z-index: 7;
        width: 12.4rem;
    }

    .back-flowers-last-right-mob img{
        width: 100%;
    }

    .back-flowers-last-left img, .back-flowers-last-right img {
        width: 100%;
    }

    .footer {
        padding-top: 3.3rem;
        padding-bottom: 4.1rem;
    }

    .footer-logo {
        width: 13.6rem;
        height: 3.2rem;
        margin-left: auto;
        margin-right: auto;
    }

    .invite-tittle-br {
        display: block;
    }

}