/* Shopping cart classes
----------------------------------------------------------------------------------------------------*/
/* Dynamic Homepage */
div.ecthomepage{
background-color:#FFF;
max-width:1140px;
margin:auto;
}
div.ecthome{
margin-bottom:5px;
}
div.homepagebrand{
display:inline-block;
text-align:center;
padding:10px;
box-sizing:border-box;
}
div.homepagebrand > img{
max-width:100%;
}
img.ecthomeaboutimg{
float:left;
margin:0 20px 20px 0;
max-width:100%;
}
div.ecthomeabout{
margin:20px;
}
div.ectfeaturedprod{
width:33.3%;
min-height:260px;
display:inline-block;
vertical-align:top;
padding:8px;
box-sizing:border-box;
}
div.ectfeaturedimg{
min-height:180px;
display:flex;
align-items:center;
justify-content:center;
padding:6px;
border:1px solid #ccc;
width:100%;
margin:0 0 3px 0;
box-sizing:border-box;
}
div.ectfeaturedimg:hover{
border:1px solid #a3a3c4;
}
img.ectfeaturedimg{
max-width:100%;
height:auto;
margin:5px;
}
div.ectfeaturedname{
padding:6px;
background-color:#606060;
text-align:center;
}
div.ectfeaturedname a:link, div.ectfeaturedname a:visited{
color:#FFF;
font-size:1.2em;
text-decoration:none;
}
div.ectfeaturedname a:hover{
color:#CF9436
}
div.ectfeaturedprice{
border:1px solid #ccc;
padding:5px;
text-align:center;
margin-bottom:3px;
}
span.ectfeaturedpricet{
font-weight:bold;
}

div.ecthome h1{
border-top:1px solid #eaeaea;
border-bottom:1px solid #eaeaea;
background-color:#f8f8f8;
font-weight:300;
font-size:24px;
color:#1f1e1e;
padding:23px 10px 21px 10px;
margin-top:0px;
text-shadow:1px 1px 0 rgba(255,255,255,.8);
}
/*This is the third breakpoint and contains styles for screens 800px to 640px*/
@media screen and (max-width: 800px) {
div.ectfeaturedprod{
width:50%;
}
}
/*This is the fourth breakpoint and contains styles for screens 640px to 500px*/
@media screen and (max-width: 640px) {
div.homepagebrand{
display:block;
width:auto !important;
}
img.ecthomeaboutimg{
float:none;
}
}
/*This is the fifth breakpoint and contains styles for screens 500px to 360px*/
@media screen and (max-width: 500px) {
div.ectfeaturedprod{
display:block;
width:auto;
}
}