@charset "UTF-8";
/* CSS Document */

section,
#category {
	padding: 20px;
	padding: 2rem;
}
#category {
    margin-bottom: 0;
    padding-bottom: 0;
}
#category dt {
    color: #333333;
    font-size: 20px;
    letter-spacing: 3px;
}
#category dt span {
    font-size: 12px;
}
#category dd ul li {
    display: inline-block;
    margin-top: 15px;
}
#category dd ul li a {
    font-weight: bold;
    display: block;
    padding: 7px 15px;
    background-color: #b9dfbc;
    border-radius: 7px;
    text-shadow: 1px 1px 0 #FFF;
}
#category dd ul li a:hover {
    background-color: #76C07C;
    color: #000000;
}
.category-item dt {
    font-size: 25px;
    margin-bottom: 15px;
    color: #333333;
}
.category-item .col-md-4 a {
    display: block;
    border: 3px solid #cbe7cd;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.category-item .col-md-4 a:hover {
    opacity: 0.7;
}
.category-item .col-md-4 a p {
    color: #000000;
    margin-bottom: 0px;
    padding: 5px;
    text-align: center;
    font-weight: bold;
    background-color: #cbe7cd;
    position: relative;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}
.category-item .col-md-4 a p::after {
    content: "▶";
    font-size: 10px;
    color: #4d8858;
    position: absolute;
    top: 40%;
    right: 5px;
}
.category-item .col-md-4 a p span {
    font-size: 12px;
    color: #4d8858;
}

@media(max-width: 1199px){
.category-item .col-md-4 a p::after {
    right: 0;
    }
}
@media(max-width: 767px){
section,
#category {
	padding: 0px;
	padding: 0rem;
}
}
@media(max-width: 575px){
 .category-item .col-6 {
     padding-left: 5px;
     padding-right: 5px;
}
}

#woman {
	text-align:justify;
}
#woman div img{
  width:100%;
  height:100%;
  margin: -1rem 0 1rem 0;
}