﻿.attest-wrapper {
    list-style: none;
    padding: 0;

    li {
        display: flex;
        margin-top: 1.6em;
    }

    .msg-attest {
        padding: 0 15px;

        a {
            font-weight: 600;
        }
    }

    @media screen {
        @media (max-width:639px) {
            li {
                flex-wrap: wrap;
            }
        }
    }
}

.box-info-attest {
    .flex(2.93);
    padding: 0 15px;

    a {
        display: block;
    }

    @media screen {
        @media (max-width:639px) {
            .flex(12);
        }
    }
}

.attest--img {
    display: block;
    max-width: 100%;
    margin: 0 auto 10px;
}

.attest--name {
    margin: 0 0 8px;
    line-height: 1.2em;
    font-size: 16px;
    text-align: center;
}

.attest--desc {
    margin: 0;
    display: block;
    text-align: center;
    line-height: 1.1em;
    color: @color-gray;
    font-size: 10px;
}

.box-text-attest {
    .flex(9.07);
    padding: 0 15px;

    p:first-child {
        margin: 0;
    }

    @media screen {
        @media (max-width:639px) {
            .flex(12);
            text-align: center;
            margin-top: 10px;
        }
    }
}
