@charset "utf-8";


article{
    width: 90%;
    margin: 0 auto;
}

.list-box ul{
    list-style: none;
}
.list-box ul li{
    margin-bottom:15px;
}
.list-box ul li a{
display:flex;
/* margin-top: 60px; */
padding:20px;
background: rgb(249,248, 244);
box-shadow:0 2px 3px #d8d7d9;
border-radius:3px;
text-decoration: none;
}
.list-box-left{
width:40%;
height: auto;
}
.list-box-left img {
height: auto;
}
.list-box-right{
width:50%;
padding-left:20px;
}
.list-box-right h3{
margin-top:10px;
margin-bottom:10px;
font-size:22px;
color: rgb(12, 27, 87);
font-weight:bold;
line-height:1.5;
}
.list-box-right-text{
margin-bottom:20px;
line-height:1.6;
color: rgb(12, 27, 87);
}
.list-box-meta{
font-size:14px;
margin-top: 10px;
}
.list-box-date{
margin-right:20px;
color: rgb(12, 27, 87);
}
.list-box-cat{
margin-right:20px;
color:#69a4db;
}
.list-box-tag{
color:#69a4db;
}

@media screen and (max-width: 450px) {
    article{
        margin: o auto;
        width: 90%;
    }
    .list-box-right h3{
        margin-top: 5px;
        margin-bottom: 5px;
        font-size: 18px;
    }
    .list-box-right-text{
        margin-bottom: 5px;
    }
    .list-box ul li a{
        display:block;
        }
    .list-box-left{
        width:100%;
        }
    .list-box-right{
        width:100%;
        padding-left: 0px;
        }
}


#chefs {
    padding-top: 24px;
}