.blog {
    width: 100%;
    height: 39.0rem;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;

    margin: 4.8rem 0 8.0rem 0;
}

.blog-top {
    width: 100%;
    height: 3.6rem;

    display: flex;
    justify-content: space-between;
    align-items: center;
}

.blog-top h2 {
    width: 25.9rem;
    height: 3.6rem;

    font-size: 2.8rem;
    line-height: 130%;
}

.blog-top a {
    width: 12.9rem;
    height: 2.4rem;

    font-weight: 400;
    font-size: 1.6rem;
    line-height: 150%;

    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: right;

    opacity: 0.7;
}

.blog-top a:hover {
    opacity: 0.5;
}

.blog-cards {
    width: 100%;
    height: 32.2rem;

    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cards-blog {
    width: 41.6rem;
    height: 32.2rem;
}

.cards-blog h4 {
    width: 5.0rem;
    height: 1.8rem;

    font-weight: 400;
    font-size: 1.2rem;
    line-height: 150%;

    text-transform: uppercase;
    color: #FD5631;

    margin: 1.6rem 0 .4rem 0;
}

.cards-blog p {
    width: 41.6rem;
    height: 2.4rem;

    font-weight: 700;
    font-size: 1.6rem;
    line-height: 150%;    
    opacity: 0.7;

    margin-bottom: 1.6rem;
}

.author {
    width: 23.7rem;
    height: 4.4rem;

    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.author > img {
    width: 4.4rem;
    height: 4.4rem;
    margin-left: .8rem;
}

.author-info {
    width: 18.5rem;
    height: 4.3rem;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex start;

    padding: 0 .8rem;
}

.author-name {
    width: 100%;
    height: 2.1rem;

    font-weight: 700;
    font-size: 1.4rem;
    line-height: 150%;
}

.author-date {
    width: 7.5rem;
    height: 1.8rem;
}