body{
    background-color:#fff;
}

ul  {
   list-style-type: none;
   margin:  0;
   padding: 0px;
   display: inline;
   /* float: left; */

}
li{
   float: right;
   padding: 10px;
}
li a {
 display: block;
 color: rgba(86, 39, 67, 1);
 text-align: center;
 padding: 14px 16px;
 text-decoration: none;
 height: 24px;

}
li a:hover {
   background-color: rgb(224, 210, 226);
   border-radius:20%;
 }
.content {
   text-align: center;
    color:rgb(92, 90, 91);
    font-size: 20px;

}
 .firstline {
   display: flex;
   align-items: center;
   align-items: flex-start;
   padding-bottom: 145px;
   margin-left:5%;
   padding: 14px 16px;


 }
 .secon-line {
   display: flex;
   align-items: center;
   align-items: flex-start;
   margin-left:5%;
   padding: 14px 16px;


 }
 .product1 {
   align-items: center;
   display: flex;
   flex-direction: column;
   min-height: 232px;
   width: 226px;
 }
 .product1 img{
    border-radius: 10%;
 }
 .vero {
   letter-spacing: 0;
   margin-left: 50%;
   margin-right:30%;
   margin-top: 25px;
   min-height: 38px;
   min-width: 144px;
   font-size:19px;
   color: rgba(86, 39, 67, 1);
 }
 .product2 {
   margin-right: 5%;
   align-items: center;
   display: flex;
   flex-direction: column;
   min-height: 232px;
   width: 226px;
 }
 .product2 img {
    border-radius: 10%;
 }
 
 .rog {
   letter-spacing: 0;
   margin-left: 50%;
   margin-right:20%;
   margin-top: 25px;
   min-height: 38px;
   min-width: 144px;
   font-size:19px;
   color: rgba(86, 39, 67, 1); 
 }
 .product3 {
   margin-right: 10%;
   align-items: center;
   display: flex;
   flex-direction: column;
   min-height: 232px;
   width: 226px;
 }
 .product3 img {
   border-radius: 10%;
 }
 .jo{
   letter-spacing: 0;
   margin-left: 55%;
   margin-right:18%;
   margin-top: 25px;
   min-height: 38px;
   min-width: 144px;
   font-size:19px;
   color: rgba(86, 39, 67, 1); 
 }
 .product4 img {
   border-radius:10%;
 }
 .charles {
   letter-spacing: 0;
   margin-left: 20%;
   margin-right:40%;
   margin-top: 25px;
   min-height: 38px;
   min-width: 144px;
   font-size:19px;
   color: rgba(86, 39, 67, 1); 
 }
 .product5 {
   align-items: center;
   display: flex;
   flex-direction: column;
   min-height: 232px;
   width: 226px; 
 }
 .product5 img {
    border-radius:10%;
 }
 .joyi {
   letter-spacing: 0;
   margin-left: 40%;
   margin-right:20%;
   margin-top: 25px;
   min-height: 38px;
   min-width: 144px;
   font-size:19px;
   color: rgba(86, 39, 67, 1); 
 }
 .product6 {
   margin-right: 5%;
   align-items: center;
   display: flex;
   flex-direction: column;
   min-height: 232px;
   width: 226px; 
 }
.product6 img {
    border-radius: 10%;
 }
 .eri {
   letter-spacing: 0;
   margin-left: 50%;
   margin-right:20%;
   margin-top: 25px;
   min-height: 38px;
   min-width: 144px;
   font-size:19px;
   color: #A01A2B; 
 }
.product7 {
   margin-right: 10%;
   align-items: center;
   display: flex;
   flex-direction: column;
   min-height: 232px;
   width: 226px; 
 }
 .product7 img {
    border-radius:10%;
 }
 .mbare {
   letter-spacing: 0;
   margin-left: 55%;
   margin-right:18%;
   margin-top: 25px;
   min-height: 38px;
   min-width: 144px;
   font-size:19px;
   color: rgba(86, 39, 67, 1); 
 }
.product8 img {
   border-radius:10%;
}
.mwai {
   letter-spacing: 0;
   margin-left: 18%;
   margin-right:45%;
   margin-top: 25px;
   min-height: 38px;
   min-width: 144px;
   font-size:19px;
   color: rgba(86, 39, 67, 1); 
}
h2{
  margin-left: 40%;
  margin-top: 5%;
}

footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: #F79324;
   color: #fff;
   text-align: center;
}
.product p{
  margin-left:20% ;
  font-size: 20px;
  color: #F79324;

  /* text-align: center; */
}