.category {width:95%;max-width:1170px;margin:auto;}

.breadcrumbs {display:flex;align-items:center;}
.breadcrumbs a {color:#6D6360;}
.breadcrumbs span {margin:0 1rem;}
.breadcrumbs h1 {font-size:16px;font-family: 'Montserrat', sans-serif;color:#9a3838;}
.breadcrumbs a:hover {color:#9a3838;}

.category-text {width:75%;margin:2rem auto;text-align:center;color:#6D6360;}
.category-text h2 {margin-bottom:1rem;}
.category-text p {}

.category-items {}
.category-items a {margin:3rem 0;display:flex;justify-content:space-between;align-items:center;}
.category-items figure {min-width:50vw;}
.category-items img {width:100%;max-height:400px;}
.category-items article {min-width:350px;position:relative;left:-15rem;padding:2rem;background:#fff;border:1px solid #ddd;color:#6D6360;text-align:center;box-shadow:1px 1px 10px transparent;transition:.4s;}
.category-items h3 {font-size:1.5rem;}
.category-items p {margin:2rem 0;font-size:14px;text-align:center;}
.category-items span {transition:.4s;font-size:14px;}
.category-items span:before {content:'';position:absolute;left:65%;right:2rem;bottom:calc(2rem + 9.5px);height:1px;background:#6D6360;transition:.4s;}
.category-items span:after {content:'';position:absolute;right:2rem;bottom:calc(2rem + 5px);width:10px;height:10px;border-radius:5px;background:#6D6360;transition:.4s;}

.category-items a:nth-child(even) {flex-direction:row-reverse;}
.category-items a:nth-child(even) article {left:unset;right:-15rem;}

.category-items a:hover span {color:#9a3838;margin-left:-5rem;}
.category-items a:hover span:before {background:#9a3838;left:55%;}
.category-items a:hover span:after {background:#9a3838;}
.category-items a:hover article {box-shadow:1px 1px 10px #ddd;}

@media only screen and (max-width:768px) {
    .category-items a {flex-direction:column;}
    .category-items a:nth-child(2n) {flex-direction:column;}
    .category-items a:nth-child(2n) article {left:0;right:unset;}
    .category-items article {left:0;padding:.5rem;border:1px solid #ddd;border-top:0;width:100%;}
    .category-items p {display:none;}
    .category-items span::before {bottom:1rem;}
    .category-items span::after {bottom:calc(1rem - 5px);}
}