@charset "UTF-8";
.single-page-header{
    width: 94%;
    margin: 0 auto;
    height: 500px;
    display: flex;
    /* background-color: #8b7238; */
    padding: 1% 0 5% 0;
    .left{
        width: 46%;
        padding: 2%;
    }
    .right{
        width: 50%;
        text-align: start;
        padding-top: 5%;
    }
}

.category-name{
    color: white;
    background-color: black;
    border-radius: 20px;
    width: 50%;
    text-align: center;
}

.blogcard-wrap{
    background-color: #cac9bd;
}
.post-flexbox{
    .content-area{
        .site-main{
            article{
                width: 100%;
                margin: 0 auto;
                padding-bottom: 10rem;
            }
        }
    }
}