@media screen and (min-width: 960px){
    .divArt{
        flex-direction: row;
    }
    .artLeft{
        width: 30%;
        padding: 6px;
    }
    .artRight{
        width: 65%;
        padding: 6px;
    }
}
@media screen and (min-width: 760px) and (max-width: 959px){
    .divArt{
        flex-direction: row;
    }
    .artLeft{
        width: 30%;
        padding: 6px;
    }
    .artRight{
        width: 65%;
        padding: 6px;
    }
}
@media screen and (max-width: 759px){
    .divArt{
        flex-direction: column;
    }
    .artLeft{
        width: 95%;
        padding: 6px;
    }
    .artRight{
        width: 95%;
        padding: 6px;
    }
}
.artLeft img{
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    aspect-ratio: 3/2;
    border-radius: 6px;
}
.divArt{
    display: flex;
    margin-top: 9px;
    margin-bottom: 9px;
    border-bottom: 0.5px solid rgb(192, 195, 201);
}

h2 a{
    text-decoration: none;
    color: black;
}

h2{
    margin-left: opx;
    margin-top: 9px;
    margin-bottom: 9px;
}

.subArtRight{
    padding-top: 4px;
    padding-bottom: 4px;
}
.artRight h2{
    margin-top: 2px;
}