.category-hero{
    background:#fafafa;
    padding:35px 20px;
    text-align:center;
}


.hero-container{
    max-width:1920px;
    margin:auto;
}


/* Breadcrumb */

.breadcrumb{
    font-size:14px;
    color:#777;
    margin-bottom:25px;
}



/* H1 */

.category-hero h1{
    font-size:48px;
    line-height:1.2;
    font-weight:700;
    color:#222;
    margin:0 0 15px;
}



/* H2 */

.category-hero h2{
    font-size:24px;
    font-weight:600;
    color:#333;
    margin:0 0 20px;
}



/* Description */

.hero-desc{
    max-width:900px;
    margin:0 auto;
    font-size:16px;
    line-height:1.7;
    color:#555;
}



/* Mobile */

@media(max-width:768px){

.category-hero{
    padding:30px 15px;
}


.category-hero h1{
    font-size:32px;
}


.category-hero h2{
    font-size:20px;
}


.hero-desc{
    font-size:15px;
}

}