@import "style.css";
@import "/css/fontawesome/css/all.css";
@import "/css/jquery-ui.css";
@import "sidebar-content.css";
.products{float: left;width:100%;height: auto;overflow: hidden;background: #ededed;padding: 20px 4%;box-sizing: border-box;}
.products h1{padding: 10px 0;font-size: 2.0rem;color: #222;font-weight: 800;text-align: center;margin: 0 auto 30px;}
.product{float:left;width: 22%;margin: 0 1.5% 30px;box-shadow: 0 0 5px 0px #000;border-radius: 7px;overflow: hidden;text-align: center;box-sizing: border-box;background: #fff;}
.product .img-product{padding:0;}
.product .img-product img{width:100%;height:300px;object-fit:cover;}
.product h4{color: #6d6d6d;font-size: 0.8rem;}
.info-product{margin: 15px 0;}
.info-product img{width:100%;height:300px;object-fit:contain;}
.product h3{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 15px 0;color: #6abfed;background: #014317;margin: 0;}

@media(max-width:480px){
    .products {width: 100%;}
    .product {width: 95%;}
}