*{
    box-sizing: border-box;
    max-width: 100%;
    margin: 0;
    padding: 0;
}
.MENU{
    margin-top: 40PX;
    position: sticky;
    top: 0px;
}
.FAVORIE{
   margin-top: 40PX;
}
.row{
   box-sizing: border-box;
   display: flex;
   flex:0 1 auto;
   flex-direction: row;
   flex-wrap: wrap;
   margin-right: 2rem;
  margin-left: 2rem;

}
.P1{
   width: 50%;
 margin: auto;
 margin-bottom: 50PX;
   color: #B2854E;
   margin-left: auto;
   margin-right: auto;
}
.center{
   
   width: 50%;
   margin: auto;
   width: 300px;
}
.center1{
   width: 70%;
   margin: auto;
   width: 700px;
 
 
   
}
header NAV UL {
    display: flex;
    justify-content: space-around;
    background-color: black;
    color: white;
    list-style: none;
    position: sticky;
    top: 0px;
}

.logo {
   width: 80px;
}
.watch {
   text-align: center;
  color: #B2854E;
}
#name  {
  width: 260px;
  height: 40PX;
  border-radius: 8PX;
  border-color: #B2854E;
  margin-left: 110PX;
  
}
#gmail {
   width: 260px;
   height: 40PX;
   border-radius: 8PX;
   border-color: #B2854E;
   margin-left: 110PX;
   margin-top: 40PX;
   
   
}
#telephone  {
   width: 260px;
   height: 40PX;
   border-radius: 8PX;
   border-color: #B2854E;
   margin-left: 110PX;
   margin-top: 40PX;
}

.SUBMIT{
    width: 50%;
    margin: auto;
    text-align: center;
    
}
.sing{
   width: 50%;
   margin: auto;
   text-align: center;
   color: #B2854E;
   margin-bottom:30px;
}

button {
    
    width: 90PX;
    height:40PX ;
    border-radius: 8PX;
    margin-top: 30PX;
    background-color: #FFECDB;
    border-color: #B2854E;
}
footer{
    display: flex;
    justify-content: space-around;
    background-color: #000000;
    padding-bottom:65px ;
    margin-top: 30px;
    max-width: 100%;
}
footer div ul{
    list-style: none;
    color: white;
}
#icon{
   margin-right: 10px;
}
.fot{
   margin-top: 15px;
   margin-bottom: 20px;
   font-family: 'Segoe UI',  'Open Sans', 'Helvetica Neue', sans-serif;
   font-size: 20px;
}

@media only screen and (min-width: 48em) {
   .container {
     width: 49rem;
   }
   .col-sm,
   .col-sm-1,
   .col-sm-2,
   .col-sm-3,
   .col-sm-4,
   .col-sm-5,
   .col-sm-6,
   .col-sm-7,
   .col-sm-8,
   .col-sm-9,
   .col-sm-10,
   .col-sm-11,
   .col-sm-12{
      box-sizing: border-box;
      flex:0 0 auto;
      padding-left: 0.5rem;
      padding-right: 0.5rem;
  }
  .col-sm{
      flex-grow: 1;
      flex-basis: 0;
      max-width: 100%;
  }
  .col-sm-1{
      flex-basis: 8.3333333%;
      max-width:8.3333333% ;
  }
  .col-sm-2{
      flex-basis: 16.6666666%;
      max-width:16.6666666% ;
  }
  .col-sm-3{
      flex-basis: 25%;
      max-width:25% ;
  }
  .col-sm-4{
      flex-basis: 33.3333333%;
      max-width:33.3333333% ;
  }
  .col-sm-5{
      flex-basis: 41.666666%;
      max-width:41.66666% ;
  }
  .col-sm-6{
      flex-basis: 50%;
      max-width:50% ;
  }
  .col-sm-7{
      flex-basis: 58.3333333%;
      max-width:58.3333333% ;
  }
  .col-sm-8{
      flex-basis: 66.666666%;
      max-width:66.666666% ;
  }
  .col-sm-9{
      flex-basis: 75%;
      max-width:75% ;
  }
  .col-sm-10{
      flex-basis: 83.3333333%;
      max-width:83.3333333% ;
  }
  .col-sm-11{
      flex-basis: 91.666666%;
      max-width:91.6666666% ;
  }
  .col-sm-12{
      flex-basis: 100%;
      max-width:100% ;
  }
}


@media only screen and (min-width: 64em) {
   .container {
     width: 65rem;
   }
   .col-md,
   .col-md-1,
   .col-md-2,
   .col-md-3,
   .col-md-4,
   .col-md-5,
   .col-md-6,
   .col-md-7,
   .col-md-8,
   .col-md-9,
   .col-md-10,
   .col-md-11,
   .col-md-12{
       box-sizing: border-box;
       flex:0 0 auto;
       padding-left: 0.5rem;
       padding-right: 0.5rem;
   }
   .col-md{
       flex-grow: 1;
       flex-basis: 0;
       max-width: 100%;
   }
   .col-md-1{
       flex-basis: 8.3333333%;
       max-width:8.3333333% ;
   }
   .col-md-2{
       flex-basis: 16.6666666%;
       max-width:16.6666666% ;
   }
   .col-md-3{
       flex-basis: 25%;
       max-width:25% ;
   }
   .col-md-4{
       flex-basis: 33.3333333%;
       max-width:33.3333333% ;
   }
   .col-md-5{
       flex-basis: 41.666666%;
       max-width:41.66666% ;
   }
   .col-md-6{
       flex-basis: 50%;
       max-width:50% ;
   }
   .col-md-7{
       flex-basis: 58.3333333%;
       max-width:58.3333333% ;
   }
   .col-md-8{
       flex-basis: 66.666666%;
       max-width:66.666666% ;
   }
   .col-md-9{
       flex-basis: 75%;
       max-width:75% ;
   }
   .col-md-10{
       flex-basis: 83.3333333%;
       max-width:83.3333333% ;
   }
   .col-md-11{
       flex-basis: 91.666666%;
       max-width:91.6666666% ;
   }
   .col-md-12{
       flex-basis: 100%;
       max-width:100% ;
      }
  }
 


/* lg */
@media only screen and (min-width: 75em) {
   .container {
     width: 76rem;
   }

   .col-lg,
   .col-lg-1,
   .col-lg-2,
   .col-lg-3,
   .col-lg-4,
   .col-lg-5,
   .col-lg-6,
   .col-lg-7,
   .col-lg-8,
   .col-lg-9,
   .col-lg-10,
   .col-lg-11,
   .col-lg-12{
       box-sizing: border-box;
       flex:0 0 auto;
       padding-left: 0.5rem;
       padding-right: 0.5rem;
   }
   .col-lg{
       flex-grow: 1;
       flex-basis: 0;
       max-width: 100%;
   }
   .col-lg-1{
       flex-basis: 8.3333333%;
       max-width:8.3333333% ;
   }
   .col-lg-2{
       flex-basis: 16.6666666%;
       max-width:16.6666666% ;
   }
   .col-lg-3{
       flex-basis: 25%;
       max-width:25% ;
   }
   .col-lg-4{
       flex-basis: 33.3333333%;
       max-width:33.3333333% ;
   }
   .col-lg-5{
       flex-basis: 41.666666%;
       max-width:41.66666% ;
   }
   .col-lg-6{
       flex-basis: 50%;
       max-width:50% ;
   }
   .col-lg-7{
       flex-basis: 58.3333333%;
       max-width:58.3333333% ;
   }
   .col-lg-8{
       flex-basis: 66.666666%;
       max-width:66.666666% ;
   }
   .col-lg-9{
       flex-basis: 75%;
       max-width:75% ;
   }
   .col-lg-10{
       flex-basis: 83.3333333%;
       max-width:83.3333333% ;
   }
   .col-lg-11{
       flex-basis: 91.666666%;
       max-width:91.6666666% ;
   }
   .col-lg-12{
       flex-basis: 100%;
       max-width:100% ;
   }
   
 }