.card-wrapper {
    display: grid;
    max-width: 960px;
    margin: 0 auto;
    grid-template-columns: repeat(auto-fit, minmax(200px, 260px));
    justify-content: space-between;
    grid-gap: 20px;
}

.card-wrapper .card {
    margin: 0 0 35px 0;
}

.card-wrapper h3 {
    border-top: 3px solid maroon;
    
}

.card-wrapper img {
    display: block;
    margin: 15px auto 15px auto; 
    width: 100%;
    border-radius: 15px;
    box-shadow: 5px 5px 15px #333;
}

.card-wrapper p {
    text-align: left;
}



@media only screen and (max-width: 1199px){

}

@media only screen and (max-width: 960px){

    .card-wrapper {
        grid-template-columns: repeat(auto-fit, minmax(200px, 400px));
        justify-content: space-evenly;
        width: 95%;
    }

    .card-wrapper .card img {
        width: 80%;
    }

}

@media only screen and (max-width: 768px){

}

@media only screen and (max-width: 610px){
   
}

@media only screen and (max-width: 480px){
   
}

@media only screen and (max-width: 320px){
    
}