body
{
    font-size:calc(0.7rem + 0.1vw);
}

h1
{
    font-size:calc(1.1rem + 0.1vw);
}

h2
{
    font-size:calc(1rem + 0.1vw);
}

h3
{
    font-size:calc(0.9rem + 0.1vw);
}



.colorRed
{
   color:rgb(196,2,2); 
}

.colorWhite
{
    color:rgb(255,255,255);
}

/*header*/

#menu .navbar-brand
{
    z-index: 50;
}


#menu ul li:first-child
{
    margin-right: 15rem;
}


#menu ul li span
{
    left:12%;
    top:160px;
    color:rgb(196,2,2);
    z-index: 50;
    width: 240px;
}


#menu ul
{
    background-color: rgb(0,0,0);
    position: relative;
    z-index: 20;
}


#menu .nav-link
{
    color:rgb(255,255,255);
    position: relative;
}


#menu .nav-link::after
{
    content:"";
    width: 0%;
    height: 2px;
    background-color: rgb(192,2,2);
    position: absolute;
    bottom:0;
    left: 0;
    transition:all 0.5s;
}

#menu .nav-link:hover::after
{
   
    width: 100%;
    
}




#menu ul li img
{
    z-index: 50;
    top:-25px;
    left:-10px;
}


#menu
{
      background-image: linear-gradient(90deg ,rgb(153,153,153)20% , rgb(0,0,0) 40%);
           padding:0;
} 



/*section menus*/


.backOne
{
    height: 300px;
    background-image: url(images/chopsticks.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color:#f3e9e1;
    position: relative;
}



.backOne::before
{
    content: "";
    width: 100%;
    height: 100%;
    background-image: url(images/chopsticks.png);
    background-position: center;
    background-repeat: no-repeat;
    top:0;
    left:0;
    transform: rotateZ(90deg);
    position: absolute;
}


.backTwo >.flex-md-row
{
    
    background-color:#f3e9e1; 
    border-bottom: 5px solid rgb(192,2,2);
}

h1::after
{
    content:"";
    height: 1px;
    width: 80%;
    left:10%;
    top:110%;
    position: absolute;
    box-shadow: 0px 0px  2px black;
}


#menus .global-container,#Equipe{
    background-color:rgb(0,0,0);
    background-image: url(images/background.png),url(images/background.png),url(images/background.png);
    background-repeat: no-repeat,no-repeat,no-repeat;
    background-position: top 30% left 0%,top 70% left 350%,bottom 150% left 180%;
}



/*services*/


#services >.col-lg-4
{
    background-color: #dedddd;
    border:solid 2px rgb(192,2,2);
}



#services h3
{
    background: rgb(0,0,0);
}


#Equipe .col-lg-4
{
    background-color: rgb(20,20,20);
}


/*footer*/


footer
{
   background-image: linear-gradient(rgb(192,2,2)1%,rgb(192,50,50)15%,rgb(210,191,146)15%);
}


.titreFooter
{
     background-image:linear-gradient(rgb(192,2,2)1%,rgb(192,35,35));
      font-size:calc(0.5rem + 0.5vw);
}

.btn-primary
{
    background-color: rgb(192,2,2);
    border-color: black;
}


.btn-primary:hover
{
  background-color: rgb(0,0,0);
 color(rgb(255,255,255));
}




.copyright
{
    background-color: rgb(0,0,0);
    
}



@media screen and (max-width:991.98px)
{
    #menu
{
      background-image: linear-gradient(rgb(192,2,2),rgb(192,2,2));
           padding:0;
} 
}


@media screen and (max-width:767.9px)
{
        footer
    {
       background-image: linear-gradient(rgb(210,191,146),rgb(210,191,146));
    }
    
    .backOne
    {
        height:150px;
    }

}