.navbar .library-link{
     font-weight:bold;
}


.package-container{
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     gap:0px;

}


@media screen and (max-width: 768px){
    
    .package-container{
         
           justify-content:center !important; 
           flex-direction: column;
           gap:15px;
    }
}

.package{
      height:18em;
      width:230px;
      box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}


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

     .package{
         
           width:100%;
    
     }
}

.package img{
     width:100%;
     height:14em;
     object-fit: cover;
}

/* articles */

.package-article{
     height:21em;
     width:280px;
     box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}


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

     .package-article{
         
           width:100%;
         
     }
}




.package-article img{
     width:100%;
     height:15em;
     object-fit: cover;
}

a:hover{
     opacity: 0.5 !important;
}