.article-card{
    width: 25%;
    margin-top:10px;
    cursor: pointer;
}
.article-card-title{
    width: 25%;
}
.article-card:hover{
    opacity: 0.5;
}
.createTrip{
    color:white;
    margin-top:20px;
    border: solid 1px white;
    padding: 4px 20px;
    cursor: pointer;
}
.createTrip:hover{
    color:rgb(204, 73, 17);
    border: solid 1px rgb(204, 73, 17);
}

@media (max-width: 1024px) {
    .article-card,.article-card-title{
        width: 50%;
    }
}
@media (max-width: 767px) {
    .article-card,.article-card-title{
        width: 50%;
    }
}
@media (max-width: 600px) {
    .article-card,.article-card-title{
        width: 50%;
    }
}
@media (max-width: 500px) {
    .article-card,.article-card-title{
        width: 100%;
    }
}