.wrapper{
        overflow-x: hidden; position: relative}
    
        .navbar{
        background-color: rgb(231, 46, 59);
        min-height: 70px;
        border-bottom: 1px solid black;
        }
        .nav-nilüfer{
            font-size: 15px;
        }
        .navbar .navbar-collapse{
        text-align: right;}
    
        .navbar .navbar-brand{
        letter-spacing: 1px;
        font-size: 25px;
        margin-top: -0.2%;
        margin-left: 170px;
        font-weight: 900;
        text-shadow: 1px 1px black;
        color: #fff;}
    
        .navbar-nav .nav-item{
        font-size: 18px;
        margin-right: 10px;
        margin-top: 0.3%;
    }
    
        .navbar-nav .nav-item a{
        color: black;
        font-family: 'Anton', sans-serif;
    }
    .nav-link .social-media {
         padding-left: 80px;
     }
        .navbar-nav .nav-item a:hover{
        color: white;}
    
        #menu-icon{ 
        color: blanchedalmond;}
    
        /*------------- use #active to understand which page we in -----------*/
        #active {
        color: rgb(218, 174, 142);}
    
        @media only screen and (max-width: 727px){
        
        .navbar .navbar-brand{
        font-size: 17px;
        margin-left: 50px;}
       
        }