@charset "UTF-8";
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-size: 1em;
    list-style-type: none;
}
@font-face {
    font-family: "Khodijah";
    src: local("Khodijah"),
      url("../fonts/") format("opentype") , url("../fonts/Khodijah.ttf") format("opentype");
  }
body{
  /* background-color: rgb(231, 231, 231); */
  
  /* background-image: url("../images/b.png"), url("../images/fond-b.png"); */
      border-top: 1px solid black;
}
  #container{position: relative;
    /* background-color: rgb(254, 252, 248); */
/* background: linear-gradient( to bottom,#323 5% rgba(143, 188, 160, 0.1), rgb(56, 103, 19)); */
background: rgb(143,188,160);
background: linear-gradient(180deg, rgba(143,188,160,0) 10%, rgba(56,103,19,1) 100%);
box-shadow: 0em 0.3em 1em rgb(76, 1, 1);
max-width : 1000px;
height    : 100%;
margin    : auto;

  }

#suggestions{  
      /* background-image: url("../images/b.png"); */
      background-image: url("../images/b.png"), url( "../images/fond-b.png");
      
      
      background-position: bottom;
      background-repeat  : no-repeat;
      background-attachment: fixed;
      /* background: linear-gradient(rgba(143, 188, 160, 0.1), rgb(56, 103, 19)); */

    color: rgb(0, 0, 0);
}
#suggestions h1{
padding-top: 0.6em;
padding-bottom: 0.3em;
    text-align:center;
    margin:0em 0em;
}
#suggestions p{
  padding-bottom: 0.6em;
    font-size: 1em;
    text-align: center;
}   
#menu{

   width     : 100%;
   text-align: center;
   padding-top: 0.2em;
   padding-bottom: 0.3em;
}
 
@media screen and (min-width: 769px) {
    .footer-basic ul{
        display: flex;
        justify-content: center;
    }
}
@media screen and (max-width: 769px) {
    #hori{display: none;}
}
@media screen and (min-width:1000px){
.sidenav{
    display:none;
}
}