#nav-media-container, #nav-apps-container{
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}



.card{
    cursor: pointer;
    margin:0px 5px 20px 5px;
    padding: 20px 10px;
    flex-direction: row;
    width: 300px;
    height: 175px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.card-img{
    padding: 0 10px;
    width: auto;
    height: auto;
    width: 20%;
}

.card-img img{
    width: 100%;
}

.card-body{
    padding: 0 10px;
}

.card-title{
    font-size: 18px;
    font-weight: 700;
}   

.card-text{
    height: 100%;
    font-weight: 400;
    font-size: 14px;
}