.wrapper {
  position:relative;
  flex: 0 0 150em;
  min-width: 100vw;
  height:400px;
  overflow: hidden;
  top:420px;
  display: flex;
  flex-direction:row;
  margin:auto;
  align-items: center;
  margin-bottom:70px;
  margin-top:20px;
}
.slider1 {
  display:flex;
  top:420px;
  width: 100vw;
  height: 100%;
  overflow: hidden;
  margin-right:0;
  flex-direction:row;
}

.product .title {
  font-weight: bold;
  margin: 1rem;
}

.product img {
  height: 34vh;
  margin:10px;
  z-index:90;
  -webkit-box-shadow: 0px 6px 47px 15px rgba(0,0,0,0.49);
-moz-box-shadow: 0px 6px 47px 15px rgba(0,0,0,0.49);
box-shadow: 0px 6px 47px 15px rgba(0,0,0,0.49);
}

.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    transition-duration: 0.3s;
    transition-property: transform;
}

.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
    transform: scale(1.1);
}

.next,
.prev {
  font-family: monospace;
  font-size: 5rem;
  background: none;
  border: 0px;
  cursor: pointer;
  display: flex;
  align-items: center;
  color: rgb(100,100,100, 0.5);
}
.prev{
  transform: rotate(-180deg);
}
.next:hover{
  text-shadow: 2px 2px 2px rgb(200,200,200);
}
.prev:hover{
  text-shadow: 2px -2px 2px rgb(200,200,200);
}

.product {
  flex: 1 0 17%;
  margin-top:20px;
  margin-left:0px;
  margin-right:0px;
  min-height: 300px;
  min-width: 10px;
  text-align: center;
  height: auto;
  z-index:90;
}

@media (max-width: 1024px) {
  .product {
    flex: 1 0 33%;
  }
}
@media (max-width: 768px) {
  .product {
    flex: 1 0 50%;
  }
}
@media (max-width: 576px) {
  .product {
    flex: 1 0 100%;
  }
}
/* footer */
footer { 
  position:relative;bottom:0;left:0;right:0;height:300px;
  display:flex;
  flex: 0 0 100%;
  min-width: 110em;
  background-color:grey;
  overflow:hidden;
  margin-bottom:0;
  padding:0;
}

.shoplst   {
  position:relative;
  align-items:center;
  display:flex;
 flex-direction:column;
}
  .shoplst h2{
  display:flex;
  left:40px;
  position:relative;
  width:100px;
  color:black;
 }
 .shoplst li {
  display: flex;
  z-index:2;
  list-style-type: none;
  flex-shrink:0;
  flex-direction:column;
  justify-content:center;
}
.shoplst li a {
  color:white;
  flex-wrap:nowrap;
}
.about1   {
 position:relative;
  align-items:center;
  display:flex;
 flex-direction:column;
}

.about1 h2 {
 position:relative;
 left:80px;
 width:280px;
 color:black; 
}

.about1 li {
   position:relative;
  color:white;
  position:relative;
  width:150px;
  height:25px;
  list-style-type:none;
  top:4px; 
}
.about1 li a {
  color:white;
}
.cusser1 {
 position:relative;
 display: flex;
 bottom:50px;
  z-index:2;
  list-style-type: none;
  flex-shrink:0;
  flex-direction:column;
  justify-content:center;
}  
.cusser1 h2 {
  position:relative;
  left:40px;
  width:280px;
  color:black;
  white-space: nowrap; 
}
.cusser1 li  {
  position:relative;
  color:white;
  position:relative;
  width:150px;
  height:25px;
  list-style-type:none;
  top:4px; 
}
.cusser1 li a {
color:white;
}
.smicons li a {
  display:block;
  float:left;
  overflow:hidden;
  margin-right:10px;
}
.smicons li {
  display:flex;
  position:relative;
  align-items: flex-end;
  list-style-type:none;
}
.smicons h2 {
  position:relative;
  float:left;
  left:9%;
  top:-50px;
  font-family:copperplate;
  color:white;
}

.smicons {
  position:relative;
  display: flex;
  
}
.footer_legal {
  display:block;
position:relative;
bottom:230px;
left:20px;
float:left;
color:white;
padding-left:80px;
padding-right:80px;
margin-left:80px;
margin-right:80px;
}
.paybanner img {
position:relative;
background-color:grey;
height:50px;
width:250px;
left:250px;
bottom:375px;
}
#copy {
position:relative;
bottom:300px;
left:800px;
z-index:100;
color:white;
}