.icons{
   height: 70px;
   width:530px;
   display: inline-block;
   vertical-align: top;
   margin-left: 140px;
}
.fa-search{
   color: black;
   position: absolute;
   margin-left: 5%;
   margin-bottom:1%;
   margin-top: 2%;
} 
.icon2{
   height: 70px;
   width:300px;
   display: inline-block;
   vertical-align: top;
   margin-left: 100px;
}
.fa-eye{
   margin-top: 30px; 
   color:white;
}
.fa-eye:hover{
   background-color: grey;
   height: 30px;
   width: 40px;
}
.fa-heart{
   margin-top:30px; 
   margin-left: 50px;
   color: white;
}
.fa-heart:hover{
   background-color: grey;
   height: 30px;
   width: 40px;
}
.fa-user{
   margin-top:30px; 
   margin-left: 50px;
   color: white;
}
.fa-user:hover{
   background-color: grey;
   height: 30px;
   width: 40px;
}
.fa-shopping-bag{
   margin-top:30px; 
   margin-left: 50px;
   color: white;
}
.fa-shopping-bag:hover{
   background-color: grey;
   height: 30px;
   width: 40px;
}
.nav3{
    background-color: white;
    width: 100%;
    height: 30px;
    color: black;
}
.dropdown {
   position: relative;
   display: inline-block;
}

.dropdown-content {
   display: none;
   position: fixed;
   width: 100%;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   padding: 12px 16px;
   z-index: 1;
   left: 1px;
   text-align: center;
}

.dropdown:hover  .dropdown-content {
   display: block;
   background-color: #FAE8E0;
}
 .nav4{
    background-color: black;
    width: 100%;
    height: 50px;
    
}
.text3{
    display: inline-block;
    margin-left: 29px;
    margin-bottom: 4px ;
    /* font-weight: bolder;
    font-size: 9px; */
}
h3{
   color: white;
   font-size:10px;
}
.one{
   display: inline-block;
   vertical-align: top;
}
.image{
   display: inline-block;
   vertical-align: top;
   margin-left: 100px;
}
#bold{
   display: inline-block;
   vertical-align: top;
   font-weight: bold;
}
.head{
   font-weight: bold;
}
.menu {
background-color: yellow;
padding: 20px;
display: none;
}

.span:hover + .menu {
display: block;
}
.none{
border: none;
font-size: 11px;
font-weight: bold;
} 

.nav1{
   background-color:white;
   font-size: 20px; 
   font-weight: bold;
   width: 100%;
   height: 50px;  
}
li{
 list-style: none;
}
a{
   text-decoration: none;
   color: black;
}
.nav2{
   background-color: black;
   width: 100%;
   height: 80px;
   color: white;
}
.nav3{
   background-color: white;
   width: 100%;
   height: 40px;
   color: black;
}
.nav4{
   background-color: black;
   width: 100%;
   height: 40px;
   color: white;
}
.text1{
   background-color: black;
   color:white;
   display: inline-block;
   vertical-align: top;
   margin-top: 1%;
   padding: 1%;     
}
.text2{
   display: inline-block;
   vertical-align: top;
   margin-top: 1%;
   padding: 1%;
}
.text2 :hover{
   color: #ddbf90;
}

#btn{
  display: inline-block;
  vertical-align: top;
  margin-top: 1%;
  color:black;
  margin-left: 55%;
  position: absolute;
  margin-bottom: 3%;
  font-size: 17px;
  font-weight: bold;
  font-family: 'Courier New', Courier, monospace;
}


#srch{
  margin-top: 15px;
  height:38px;
  width:450px;
  border-radius: 50px;
}
#img{
  display: inline-block;
  vertical-align: top;
  height:80px;
  width:350px;
}
.fa-camera{
  margin-top: 2%;
  color: grey; 
  position: absolute; 
  margin-left:27%;
  /* margin-bottom:1%;    */
}
.icons{
  height: 70px;
  width:530px;
  display: inline-block;
  vertical-align: top;
  margin-left: 140px;
}
.fa-search{
  color: grey;
  position: absolute;
  margin-left: 5%;
  margin-bottom:1%;
  margin-top: 2%;
} 
.icon2{
  height: 70px;
  width:300px;
  display: inline-block;
  vertical-align: top;
  margin-left: 100px;
}
.icon-btn{
   background: none;
   border: none;
   color: white;
}
.fa-eye{
  margin-top: 30px; 
}
.fa-eye:hover{
  background-color: grey;
  height: 30px;
  width: 40px;
}
.fa-heart{
  margin-top:30px; 
  margin-left: 50px;
}
.fa-heart:hover{
  background-color: grey;
  height: 30px;
  width: 40px;
}
.fa-user{
  margin-top:30px; 
  margin-left: 50px;
}
.fa-user:hover{
  background-color: grey;
  height: 30px;
  width: 40px;
}
.fa-shopping-bag{
  margin-top:30px; 
  margin-left: 50px;
}
.fa-shopping-bag:hover{
  background-color: grey;
  height: 30px;
  width: 40px;
}
.nav3{
   background-color: white;
   width: 100%;
   height: 30px;
   color: black;
}
.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: fixed;
  width: 100%;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  padding: 12px 16px;
  z-index: 1;
  left: 1px;
  text-align: center;
}

.dropdown:hover  .dropdown-content {
  display: block;
  background-color: #FAE8E0;
  /* #F7D6D0 */
}
.nav4{
   background-color: black;
   width: 100%;
   height: 50px;
   
}
.text3{
   display: inline-block;
   margin-left: 29px;
   margin-bottom: 4px ;
   /* font-weight: bolder;
   font-size: 9px; */
}
h3{
  color: white;
  font-size:10px;
}
.one{
  display: inline-block;
  vertical-align: top;
}
.image{
  display: inline-block;
  vertical-align: top;
  margin-left: 100px;
}
#bold{
  display: inline-block;
  vertical-align: top;
  font-weight: bold;
}
.head{
  font-weight: bold;
}
.menu {
background-color: yellow;
padding: 20px;
display: none;
}

.span:hover + .menu {
display: block;
}
.none{
border: none;
font-size: 11px;
font-weight: bold;
}