#hero{
    padding: 150px 0;
}

#hero .row{
    justify-content: center;
}

#hero h1{
    text-align: center;
    font-size: 30px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 7.5px;
    color: #F2DAA8;
    margin-bottom: 30px;
}

#hero p{
    font-size: 16px;
    text-align: center;
    color: #FFFFFF;
}

#blog{
    padding: 50px 0;
}

#blog .inner img{
    height: 170px;
    width: 100%;
    object-fit: cover;
}

#blog a{
    text-decoration: none;
}

#blog .cat{
    color: #BB6338;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.35px;
}

#blog .date{
    font-size: 14px;
    letter-spacing: 0.35px;
    color: #2C3938;
}

#blog h3{
    font-size: 16px;
    line-height: 21px;
    font-weight: 400;
    color: #2C3938;
    margin: 10px 0;
}

#blog p{
    font-size: 13px;
    font-weight: 300;
    color: #2C3938;
    letter-spacing: .33px;
}

#blog .read{
    color: #BB6338;
    letter-spacing: 3.44px;
}

#blog .inner{
    border: 1px solid #C8C8C8;
}

#blog .content{
    padding: 20px;
}