﻿.cont {
    align-content: center;
    display: flex;
    flex-wrap: wrap;
}

.app-promo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 60px 0;
}

.cont.heightSectionHomepage.only-mobile {
    display: none;
}

.left-content,
.right-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .left-content img.logo,
    .right-content img {
        width: 100%;
        height: auto;
        display: block;
    }

    .left-content img.logo {
        max-width: 400px;
    }

    .right-content img {
        border-radius: 12px;
        max-width: 630px;
    }

.buttons {
    display: flex;
    gap: 15px;
    margin-top: 40px;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 0px 20px;
}

@media (max-width: 768px) {
    .cont.heightSectionHomepage.only-mobile {
        display: flex;
    }

    .app-promo {
        flex-direction: column;
        text-align: center;
    }

    .left-content, .right-content {
        max-width: 100%;
        align-items: center;
    }

    .buttons {
        margin-top: 0px;
    }

    .left-content img.logo {
        max-width: 350px;
    }
}