@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: bold;
    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;
    margin-left: 50px;
    text-shadow: 2px 5px 4px gray;
}
.fa-shopping-bag, .fa-user-o{
    font-size: 32px !important;
}
.salam{
    text-align: center;
}
ul{
    list-style-type: none;
    
}
.col{
    margin: 50px;
}
.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;
    margin-bottom: 10px;
}
.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;
    
}