.message {
    padding: 58px 0 180px;
}

.message_inner {
    max-width: 960px;
    margin-inline: auto;
    display: grid;
    grid-template-columns: 320px 1fr;
    column-gap: 40px;
}

.message_photo {
    order: -1;
}

.message_box {
    margin-top: -8px;
}

.message_title {
    font-size: calc(24 * var(--rem));
    margin-bottom: 2rem;
}

.message_text {
    font-size: calc(16 * var(--rem));
    line-height: calc(28 / 16);
}

.message_name {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-weight: var(--font-weight-bold);
    column-gap: 14px;
    margin-top: 33px;
    margin-right: 4px;
    font-size: calc(16 * var(--rem));
}

.message_name img {
    width: 120px;
    margin-left: 7px;
}


@media screen and (max-width: 1366px) {
    .message {
        padding: calc(58 * var(--max-fluid-ratio)) 0 calc(176 * var(--max-fluid-ratio));
    }
    .message_inner {
        max-width: calc(960 * var(--max-fluid-ratio));
        grid-template-columns: calc(320 * var(--max-fluid-ratio)) 1fr;
        column-gap: calc(40 * var(--max-fluid-ratio));
    }
    
    .message_box {
        margin-top: calc(-8 * var(--max-fluid-ratio));
    }
    
    .message_text {
        font-size: calc(16 * var(--max-fluid-ratio));
    }

    .message_title {
        font-size: calc(24 * var(--max-fluid-ratio));
        margin-bottom: calc(20 * var(--max-fluid-ratio));
    }    
    .message_name {
        column-gap: calc(14 * var(--max-fluid-ratio));
        margin-top: calc(33 * var(--max-fluid-ratio));
        margin-right: calc(4 * var(--max-fluid-ratio));
        font-size: calc(16 * var(--max-fluid-ratio));
    }
    
    .message_name img {
        width: calc(120 * var(--max-fluid-ratio));
        margin-left: calc(7 * var(--max-fluid-ratio));
    }      
}

@media screen and (max-width: 767px) {
    .message {
        padding: calc(45 * var(--min-fluid-ratio)) 0 calc(120 * var(--min-fluid-ratio));
    }
    .message_inner {
        max-width: none;
        width: calc(335 * var(--min-fluid-ratio));
        grid-template-columns: 1fr;
    }
      
    .message_box {
        margin-top: calc(18 * var(--min-fluid-ratio));
        padding: 0 calc(9 * var(--min-fluid-ratio));
    }

    .message_title {
        font-size: calc(22 * var(--min-fluid-ratio));
        margin-bottom: calc(20 * var(--min-fluid-ratio));
    }   

    .message_text {
        font-size: calc(14 * var(--min-fluid-ratio));
        line-height: calc(24 / 14);
    }
    
    .message_name {
        column-gap: calc(14 * var(--min-fluid-ratio));
        margin-top: calc(15 * var(--min-fluid-ratio));
        margin-right: calc(7 * var(--min-fluid-ratio));
        line-height: calc(20 / 14);
        font-size: calc(14 * var(--min-fluid-ratio));
    }
    .message_name span {
        text-align: right;
    }
    
    .message_name img {
        width: calc(120 * var(--min-fluid-ratio));
        margin-left: calc(7 * var(--min-fluid-ratio));

        
    }     
}