a.css

#wrapper{font-family:tahoma;}
.container{
	width:100%;
    max-width: 1280x;
}
#subheader {
	width:100%;
	height:30px;
	background:black;
	color:black;
	margin-top:-15px;	
}
#subheader p {
	float:left;
	margin-top:7px;
}
/*logo styling*/
#main-header {
	width: 100%;
	height: 100px;
	background:#fff;
	float:left;
	margin-top:-15px;
}
#logo {
    width:250px;
    margin-top:10x;
    float:left;
}
#ist {
    color:cadetblue;
    font-size:40px;
    font-weight:bold;
    margin-left:15px;
    font-family:cursive;  
}
#iist {
    color:cadetblue;
    font-size:40px;
    font-weight:bold;
    font-family:cursive;
}
#search {
    width: 650px;
    float: left;
    padding: 20px;
    margin-left:50px;
}
.search-area {
    width: 550px;
    height: 40px;
    background: #fff;
    float:left;
    padding-left: 15px;
}
.search-btn {
    width: 80px;
    height: 40px;
    border: none;
    color: #fff;
    background: cadetblue;
    margin-left: -80.1px;
}
#user-menu {
    width: 300px;
    float: right;
    margin-top: 20px;
}
#user-menu li {
    float:left;
    width: 149px;
    text-align: center;
    list-style: none;
    font-size:20px;
    border-left:1px solid black;
}
#user-menu li:hover {
    font-size:30px;
    transition: all .5s ease;
}
#user-menu li a {
    color:black;
    text-decoration:none;
}

#navigation {
    width: 100%;
    height: 35px;
    background: cadetblue;;
    float: left;
}

nav {
    width: 1280px;
    margin: 0 auto;
}
nav a{
    margin-left: 175px;
    line-height: 35px;
    color: black;
    font-size: 18px;
    text-decoration: none;
}
nav a:hover {
    color: green;
    transition: all .7s ease;
}
.images img{
    margin-left: 200px;
    max-width: 900px;
}
.footer{
    background: #fff;
}
.container{
	position: relative;
	width: 300px;
	height: 300px;
	display: inline-block;
}
.image{
	display: block;
	width: 200px;
	height: 200px;
}
.overlay{
	position: absolute;
	transition: all .3s ease;
	opacity: 0;
	background-color: #eee;
}
.container:hover .overlay{
	opacity: 1;
}
.price{
    font-family: 'Montserrat', sans-serif;
    color: rgb(42, 10, 85);
	font-size: 22px;
	position: relative;
    top: -20px;
    text-align: left;
}
.buyButton{
    position: relative;
	top: -48px;
	width: 84%;
	background-color: rgb(37, 7, 85);
	height: 35px;
	color: rgba(255,255,255,1.00);
	border-style: none;
	font-size: 14px;
	text-transform: uppercase;
	margin-top: 8px;
}
.productContent{
    position: relative;
    text-align: left;
	top: -37px;
	font-size: 14px;
	font-family: source-sans-pro, sans-serif;
	font-style: normal;
	font-weight: 200;
	color: rgb(49, 8, 87);
	white-space: pre-wrap;
}
.text{
	color: white;
	font-family: sans-serif;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 20px;
}
.overlayFade{
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #00b1baa3;
}
.zoomimage{
	position: relative;
	width: 400px;
	height: 250px;
	overflow: hidden;
	text-align: center;
	display: inline-block;
}
img{
	max-width: 100%;
	max-height: 100%;
	transition: 0.75s;
}
.zoomimage:hover img{
	transform: scale(1.2);
}