.box1{
  border: 1px solid black;
  background-color: black;
  height: 30px;
}

ul{
  float: left;
  color:white;
}

ul li{
  margin-top: -10px;
  float: left;
  position: relative;
  left: 475%;
  width: 100px;
  font-size: 14px;
  font-family: barlow condensed,sans-serif;
  list-style-type: none;
}

ul li a{
  text-decoration: none;
  color:white;
}

h5{
   margin-top: 1px;
   color: white;
   margin: 7px 12px;
   position: relative;
   left: -18%px;
   font-family: barlow condensed,sans-serif;
   text-transform: uppercase;
   font-size: 14px;
   font-weight: normal;  
  }

  .subbox{
    border: 1px solid transparent;
    background-color: whitesmoke;
    height: 45px;
  }

  ol{
      float:left;

  }

  ol li{
float:left;
width: 90px;
position: relative;
left: 165%;
list-style-type: none;
font-family: barlow condensed,sans-serif;
font-size: 18px;
  }    


ol li a{
 text-decoration: none;
 color: black;

}

ol li a:hover{
border-bottom: 4px solid red;

}
 
.fa-search{
   position: absolute;
   left: 85%;
   top: 6%;
   color:black;
}

.fa-user{
  position: absolute;
  left: 87%;
  top: 6%;
  color:black;
}

.fa-shopping-cart{
  position: absolute;
  left: 89%;
  top: 6%;
  color:black;
  width: 25px;
  height: -30px;
  border-radius: 100px;
  background-color: navajowhite;
  margin-top: -2px;
  margin-left: -4px;
  text-align: left;
}

h3{
  color:red;
  position: absolute;
  left: 89.6%;
  top: 3%;
  width: 18px;
  height: 50px;
  border-radius: 100px;
  text-align: center;
  font-family: barlow condensed,sans-serif;
  
}

h2{
 position: relative;
 left: -40%;
 text-transform: uppercase;
 font-family: barlow condensed,sans-serif;
 margin-top: 10px;
 font-weight: bold;

}

font{
  color:orangered;
}

.cover{
background-size: cover;
height: 500px;
width: 1080px;
}

.text{
  position: absolute;
  top: 10%;
  left: 6%;
  color: antiquewhite;
  
  
}


h1{
 font-size: 79px;
 font-family: barlow condensed,sans-serif;
 text-transform: capitalize;
 width: 500px;
 word-spacing: 0px;
 font-weight: normal;
 line-height: 72px;
}


h4{
  font-family: barlow condensed,sans-serif;
  text-transform: uppercase;
  font-size: 25px;
  word-spacing: 0px;
  font-weight: normal;
}

form input[type="submit"] {
 position: absolute;
 width: 200px;
 height: 50px;
 top: 95%;
 left: 15%;
 padding: 10px;
text-transform: uppercase;
background-color: crimson;
border: none;
color: white;
font-family: barlow condensed,sans-serif;
font-weight: normal;
letter-spacing: 1px;
}

form input[type="submit"]:hover {
background-color: red;
}

.image22 {
 position: absolute;
 left: 70%;
 top: 77.5%;
 border: 1px solid darkgrey;
 box-shadow: 1px 2px 4px;
}

h6{
color: black;
position: absolute;
left: 70%;
top: -30%;
border:1px solid whitesmoke;
font-size: 40px;
font-family: barlow condensed,sans-serif;
background-color: white;
font-weight: normal;
text-align: center;
}

.image22:hover{
 box-shadow: 5px 5px 12px;
}

.image23{
  position: absolute;
  left: 10%;
  top: 77.5%;
  border: 1px solid darkgrey;
  box-shadow: 1px 2px 4px;
}

.image23:hover{
  box-shadow: 5px 5px 12px;
}

h{
  color: black;
position: absolute;
left: 70%;
top: 1%;
border:1px solid whitesmoke;
font-size: 40px;
font-family: barlow condensed,sans-serif;
background-color: white;
font-weight: normal;
text-align: center;
}

.image24{
  position: absolute;
  left: 40%;
  top: 77.5%;
  border: 1px solid darkgrey;
  box-shadow: 1px 2px 4px;
}

.image24:hover{
  box-shadow: 5px 5px 12px;
}

t{
  color: black;
  position: absolute;
  left: 45%;
  top: 1%;
  border:1px solid whitesmoke;
  font-size: 40px;
  font-family: barlow condensed,sans-serif;
  background-color: white;
  font-weight: normal;
  text-align: center;
}

.shoppagina1{
  position: absolute;
  left: 70%;
  top: 15%;
  border: 1px solid darkgrey;
  box-shadow: 1px 2px 4px;
}


.shoppagina1:hover{
  box-shadow: 5px 5px 12px;
 }










.shoppagina2{
  position: absolute;
  left: 10%;
  top: 15%;
  border: 1px solid darkgrey;
  box-shadow: 1px 2px 4px;

}

.shoppagina2:hover{
  box-shadow: 5px 5px 12px;
 }




.shoppagina3{
  position: absolute;
  left: 40%;
  top: 15%;
  border: 1px solid darkgrey;
  box-shadow: 1px 2px 4px;
}


.shoppagina3:hover{
  box-shadow: 5px 5px 12px;
}

  div.gallery {
    margin: 5px;
    border: 1px solid #ccc;
    float: left;
    width: 180px;
  }
  
  div.gallery:hover {
    border: 1px solid #777;
  }
  
  div.gallery img {
    width: 100%;
    height: auto;
  }
  
  div.desc {
    padding: 15px;
    text-align: center;
  }

 }