.logo{
    height:30px;
    filter: brightness(0) invert(1);
}
.fw-300{
    font-weight:300;
}
.fw-700{
    font-weight:700;
}
.h1, h1 {
font-size:1.5rem !important;
}
.h2, h2 {
font-size:1.4rem !important;
}
.h3, h3 {
font-size:1.3rem !important;
}
.h4, h4 {
font-size:1.2rem !important;
}
.container{
    max-width: 1100px;
}
.cardn {box-sizing: border-box;width: 100%;position: relative;display: block;background-color:#fff;overflow:hidden;text-decoration: none}
.cardn-title {
color: #000;
font-size: 17px;
line-height: 1.2;
font-weight: 600;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
width: 100%;
margin:15px 0;
}
.cardn-title:hover{text-decoration:underline;}
.cardn-img {display:block;position:relative;width:100%;aspect-ratio: 1.91 / 1;background-color:#f5f5f5;overflow:hidden;}
.cardn-img img {object-fit: contain;object-position: center;width:100%;height:100%;display: block;position: relative;z-index: 1;background-color:#cbcbcb;}