@charset "UTF-8";
/* CSS Document */

#products {
    width:100%;
    margin-left:auto;
    margin-right:auto;
    display:block;
}
#products:after {
    content:"";
    display:table;
    clear:both;
}
.product {
    width:100%;
    margin-bottom:20px;
}
.product h5 {
    width:100%;
    margin: 5px;
    font-weight: bold;
    letter-spacing: 2px;
    color: rgb(5, 51, 94);
}
.prodPic {
    display:block;
}
#products .product img {
    display:block;
    text-align:center;
    max-width:100%;
    max-height:100%;
}
.prod_dsc {
    font-style:italic;
    width:100%;
    
}
.pp_button {
    margin-top:20px;
}

/*---------TABLET LAYOUT: 481px to 1064px.--------*/

@media only screen and (min-width: 481px) {
    #products {
    width:100%;
    margin-left:auto;
    margin-right:auto;
    display:block;
    clear:both;
}
#products:after {
    content:"";
    display:table;
    clear:both;
}
.product {
    float:left;
    width:170px;
    margin:1%;
}
.product h5 {
    width:100%;
    margin: 5px;
    font-weight: bold;
    letter-spacing: 2px;
    color: rgb(5, 51, 94);
}
.prodPic {
    display:block;
}
#products .product img {
    text-align:center;
    max-width:100%;
    max-height:100%;
}
.prod_dsc {
    font-style:italic;
    width:100%;
    
}
.pp_button {
    margin-top:20px;
}
}

/*---------DESKTOP LAYOUT: 1065px to a max of 1600px.----------*/

@media only screen and (min-width: 1065px) {
#products {
    clear:none;
    width:70%;
    margin-left:auto;
    margin-right:auto;
    display:block;
    float:left;
}
#products:after {
    content:"";
    display:table;
    clear:both;
}
.product {
    float:left;
    width:23%;
    margin:1%;
}
.product h5 {
    width:100%;
    margin: 5px;
    font-weight: bold;
    letter-spacing: 2px;
    color: rgb(5, 51, 94);
}
.prodPic {
    display:block;
}
#products .product img {
    text-align:center;
    max-width:100%;
    max-height:100%;
}
.prod_dsc {
    font-style:italic;
    width:100%;
    
}
.pp_button {
    margin-top:20px;
}
}