@media screen and (max-width: 500px ){
    .navbar{
       width: 100%;
       justify-content: center ;
   }

}
@media screen and (max-width: 700px ){
   .navbar{
      width: 100%;
      justify-content: center ;
  }

}

.navbar-text{
   color: white !important;
}

.fa-facebook-square, .fa-instagram, .fa-twitter, .fa-whatsapp{
   font-size: 20px !important;
}
.navbar-brand{
   font-family: Georgia, 'Times New Roman', Times, serif;
   font-weight: bolder;
   font-size: 30px !important;
   text-shadow: 4px 3px 3px gray;
   font-style: italic;
}
.nav-link{
  color: gray;
  font-weight: bold;
  font-family: Georgia, 'Times New Roman', Times, serif;
}
.nav-link:hover{
   background-color: rgb(48, 48, 48);
   color: white !important;
   border-radius: 15px;
}
.heading{
   margin-top: 50px;
   text-align: center;
   text-shadow: 3px 3px 3px gray;
   font-family: Georgia, 'Times New Roman', Times, serif;
   text-decoration: underline;
}
.fa-shopping-bag, .fa-user-o{
   font-size: 32px !important;
}
.card-img-top:hover{
   transform: scale(1.5)
}
.card{ 
   width: auto ;
   height: auto ;
   border: none !important;
   margin-top: 50px;
}
.fa-star, .fa-star-half-o, .fa-star-o{
   color: orange;
}
.btn-primary{
   width: 100%;
   background-color: black !important;
   border: #fff !important;
   color: #fff;
   font-style: italic;
}
.btn-primary:hover{
   background-color: gray !important;
   
}
.useful{
   font-size: 20px;
   margin-bottom: 15px;
   text-decoration: underline;
   color: white;
   
}
.list, li{
   margin-top: 10px;
   color: rgb(204, 199, 199) !important;
}
.square{
   list-style-type: square;
}
.copyright{
   color: white;
   margin: 15px;
   margin-left: 20px;
}
.fa-arrow-circle-up{
   font-size: 50px !important;
   color: black;
   display: none;
   position: fixed;
   bottom: 60px;
   right: 30px;
   
}