
/* Auto layout */
footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 108px;
    /*left: 80px;*/
    /*top: 932px;*/
    margin: 25px 0 150px 0;
}


/* Frame 66 */

/* Auto layout */
.mail_contacts {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /*margin: 0 auto;*/
    width: 235px;
    height: 48px;

    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
}

/* Заказы и сотрудничество: */
.mail_contacts .mail_contacts--text {
    /*width: 235px;*/
    /*height: 22px;*/

    font-family: 'Bitter',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    /* identical to box height, or 122% */
    letter-spacing: 0.02em;

    color: #000000;

    opacity: 0.67;

    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

/* tripoloski@gmail.com */
.mail_contacts a {
    /*width: 235px;*/
    /*height: 22px;*/

    font-family: 'Bitter',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    /* identical to box height, or 122% */
    letter-spacing: 0.02em;
    text-decoration-line: underline;

    color: #000000;


    /* Inside auto layout */
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
}

/* Frame 64 */

/* Auto layout */
.soc_contacts {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    gap: 24px;

    margin: 0 auto;
    width: 430px;
    height: 108px;


    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
}

/* ищи нас на: */
.soc_contacts {
    /*width: 430px;*/
    /*height: 36px;*/

    font-family: 'Alumni Sans',sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 36px;
    /* identical to box height, or 112% */
    text-align: center;
    text-transform: uppercase;

    color: #000000;


    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
}

/* Frame 63 */
.soc_contacts .soc_contacts--content {
    /* Auto layout */
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    gap: 32px;

    width: 368px;
    height: 48px;


    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;

}
/* image 12 */
.soc_contacts .soc_contacts--content a img {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    /* Inside auto layout */
    /*flex: none;*/
    /*order: 0;*/
    /*flex-grow: 0;*/
}


/* Пользовательское соглашение */
.users_contacts {
    /*margin: 0 auto;*/
    /*width: 279px;*/
    /*height: 22px;*/

    /* Inside auto layout */
    /*flex: none;*/
    /*order: 2;*/
    /*flex-grow: 0;*/
}
.users_contacts a{
    font-family: 'Bitter';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    /* identical to box height, or 122% */
    letter-spacing: 0.02em;
    text-decoration-line: underline;
    color: #000000;
}

@media (min-width: 460px) and (max-width: 768px) {
    footer{
        margin-top: 50px;
    }
    footer .mail_contacts, footer .soc_contacts, footer .users_contacts{
        width: 100%;
        text-align: center;
        height: auto;
        margin: 10px 0;
    }
    footer .soc_contacts .soc_contacts--text{
        display: none;
    }
}