@media screen and (min-width: 960px){
    article{
        width: 47%;
        margin: 10px;
    }
    h3{
        height: 55px;
        overflow: hidden;
    }
    h3 a{
        font-size: 21px;
    }
}
@media screen and (min-width: 760px) and (max-width: 959px){
    article{
        width: 47%;
        margin: 8px;
    }
    h3{
        height: 53px;
        overflow: hidden;
    }
    h3 a{
        font-size: 19px;
    }
}
@media screen and (max-width: 759px){
    article{
        width: 95%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 6px;
        margin-bottom: 6px;
    }
    h3{
        height: 50px;
        overflow: hidden;
    }
    h3 a{
        font-size: 17px;
    }
}
.imgAr{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.imgAr img{
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    aspect-ratio: 80/69;
}
article{
    background-color: #faebd7;
    padding: 9px;
    border-radius: 12px;
}
h3 a{
    text-decoration: none;
    color: rgb(4, 98, 136);
}
.descriptTem{
    height: 100px;
    overflow: hidden;
}