.body{
overflow-x:hidden;}

	

.featsty{text-align: center;}

div.desc{
     padding:5px;
     }
.button{background-color:#ffcc14;
	     border-radius:5px;
	     text-decoration:none;}
	.descsty{margin-left:140px;}
	.shopsty{
	         margin-top:15px;
             margin-left: -3.5%;}
	
	
	
	
	.prodimg{
		width:600px; 
		height:400px;
	}
	.smalimg{}
	.blogimg{margin-top:20px;
		text-align: center;}
	.rowimg{margin-top:20px;
		    margin-left:3.5%;}
@media screen and (width: 360px) {
	.hi{transform:scale(0.5);margin-left:-42%;}
	div.gallery{margin-left:20%;}
	.media2{
		transform: scale(0.6);
		margin-left: -25%;
		}
	.media3{
		
		transform: scale(0.6);
		margin-left: -35%;
	}
	.media4{
		
		transform: scale(0.4);
		margin-left: -18%;
		
	}
	.media5{
		
		margin-left: 18%;
		
	}
	.media6{display: none;}
}
@media screen and (width: 375px) {
	.hi{transform:scale(0.5);margin-left:-37%;}
	.media2{
		transform: scale(0.6);
		margin-left: -20%;
		}
	div.gallery{margin-left:20%;}
}
.media3{
		
		transform: scale(0.7);
		margin-left: -21%;
	}
.media4{
		
		transform: scale(0.7);
		margin-left: -10%;
		
	}
.media5{
		
		margin-left: 12%;
		
	}
.media6{display: none;}
@media screen and (width: 414px) {
	.hi{transform:scale(0.6);margin-left:-25%;}
	div.gallery{margin-left:24%;}
	.media2{
		transform: scale(0.7);
		margin-left: -12%;
		}
	.media3{
		
		transform: scale(0.8);
		margin-left: -13%;
	}
	.media4{
		
		transform: scale(0.8);
		margin-left: -4%;
		
	}
	.media5{
		
		margin-left: 16%;
		
	}
	.media6{display: none;}
}

@media screen and (width: 320px) {
	.hi{transform:scale(0.4);margin-left:-55%;}
	div.gallery{margin-left:16%;}
	.media2{
		transform: scale(0.6);
		margin-left: -30%;
		}
	.media3{
		
		transform: scale(0.6);
		margin-left: -35%;
	}
	.media4{
		
		transform: scale(0.7);
		margin-left: -23%;
		
	}
	.media5{
		
		margin-left: 6%;
		
	}
	.media6{display: none;}
}



	
	.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
	
	
	a.new{
		
		
		text-decoration: none;
		color: black;
	}
	a.icon{
		
		text-decoration: none;
		color: white;
		
		
		
	}
	a.icon:hover{
		color: #ffcc14;
		
		
	}
	body{overflow-x: hidden;}
	
	.container1 {
  position: relative;
  width:100px;
  height: 210px;
}

.image {
  display:inline;
 
  
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 210px;
  width: 200px;
  opacity: 0;
  transition: .3s ease;
  background-color: rgba(0,0,0,0.7);
}

.container1:hover .overlay {
  opacity: 1;
}

.icon {
  color: white;
  font-size: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
	
}

.fa-user:hover {
  color: #eee;
}
	
a.smasty{
	
	text-decoration: none;
	color: white;
}