/* ==========================
    for greeting 
========================== */
.greeting-section {
    padding: 6rem 0;
    background: #fff;
}

.greeting-content {
    max-width: 900px;
    margin: 0 auto;
}

.greeting-content p {
    margin-bottom: 1.5rem;

    line-height: 2;
    color: var(--color-text);
}

.greeting-signature {
    margin-top: 3rem;

    text-align: right;
}

.greeting-signature p {
    margin: 0;
}

.president-name {
    margin-top: 0.5rem;

    font-size: 1.2rem;
    font-weight: 700;
    color: var(--color-primary);
}

@media (max-width: 768px) {
    .greeting-section {
        padding: 4rem 0;
    }

    .greeting-signature {
        text-align: left;
    }
}