.shop {
width:100%;
margin-top:10px;
padding:50px 0 30px;
justify-content: center;	
background-color:#ffffff;	
}


.shop5 {
width:70%;
justify-content: center;
text-align: center;	
margin-right:auto;
margin-left:auto;
display:grid;
grid-template-columns: 20% 20% 20% 20% 20%; 
grid-column-gap: 50px;
grid-row-gap: 80px;
}



.shop-title {
font-family : arial, helvetica, sans-serif;
font-weight : bold;
font-size : 17px;
letter-spacing: normal;
line-height: normal;
text-decoration : none;
}

.shop-description {
font-family : arial, helvetica, sans-serif;
font-weight : normal;
font-size : 15px;
letter-spacing: normal;
line-height: normal;
text-decoration : none;
}

.shop-notes {
font-family : arial, helvetica, sans-serif;
font-weight : normal;
font-size : 12px;
letter-spacing: normal;
line-height: normal;
text-decoration : none;
}

.shop-price {
font-family : arial, helvetica, sans-serif;
font-weight : bold;
font-size : 18px;
letter-spacing: normal;
line-height: normal;
text-decoration : none;
}


.addtocart {
background-color:#131313;
border:none;
color: white;
padding: 8px 22px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
cursor: pointer;
}
.addtocart:hover {
background-color:#5f1420;
}


.productfont-title {

}

.productfont-subtitle {

}

.productfont-text {

}

.productfont-price {

}

.productfont-button {

}

.addtocart {
background-color:#131313;
border:none;
color: white;
padding: 8px 22px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
cursor: pointer;
}
.addtocart:hover {
background-color:#5f1420;
}


.shopcategories {
width:90%;
justify-content: center;
text-align: center;	
margin-right:auto;
margin-left:auto;
padding:5px 0 40px;
justify-content: center;	
background-color:#ffffff;	
}



.shopcategory {
background-color:#4c4c4c;
border:none;
color: white;
padding: 8px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 15px;
cursor: pointer;
}

.shopcategory:hover {
background-color:#5f1420;
}


.cart {
position:fixed;
width:25px;
height:25px;
top:15px;
right: 20px;
display:block;
z-index:15;
}








@media only screen and (max-width: 1600px) {

.shop5 {
width:80%;
display:grid;
grid-template-columns: 25% 25% 25% 25%; 
grid-column-gap: 50px;
grid-row-gap: 80px;
}

}







@media only screen and (max-width: 1400px) {



}






@media only screen and (max-width: 1300px) {



}




@media only screen and (max-width: 1200px) {

.shop {
margin-top:10px;
padding:50px 0 30px;
}

.shop-title {
font-weight : bold;
font-size : 16px;
}

.shop-description {
font-size : 14px;
}

.shop-notes {
font-size:11px;
}

.shop-price {
font-weight : bold;
font-size : 18px;
}


}






/* Tablet */



@media only screen and (max-width: 1050px) {

.shop5 {
width:90%;
display:grid;
grid-template-columns: 33.333% 33.334% 33.333%; 
grid-column-gap: 30px;
grid-row-gap: 60px;
}

.shop-title {
font-weight : bold;
font-size : 16px;
}

.shop-description {
font-size : 14px;
}

.shop-price {
font-weight : bold;
font-size : 18px;
}

.addtocart {
padding: 9px 24px;
font-size: 15px;
}

.cart {
position:fixed;
width:30px;
height:30px;
top:15px;
right: 20px;
}

}





@media only screen and (max-width: 900px) {

.shopcategories {
width:95%;
padding:5px 0 40px;		
}

.shopcategory {
padding: 8px 15px;
font-size: 14px;
}

}





@media only screen and (max-width: 800px) {

.shop-title {
font-weight : bold;
font-size : 15px;
}

.shop-description {
font-size : 12px;
}

.shop-price {
font-weight : bold;
font-size : 17px;
}

}





@media only screen and (max-width: 725px) {

.shopcategories {
width:95%;
padding:5px 0 40px;		
}

.shopcategory {
padding: 6px 11px;
font-size:13px;
}

}





/* Phone */



@media only screen and (max-width: 650px) {

.shop {
margin-top:10px;
padding:30px 0 20px;
}

.shop5 {
width:85%;
display:grid;
grid-template-columns: 50% 50%; 
grid-column-gap: 30px;
grid-row-gap: 60px;
}

.addtocart {
padding: 8px 25px;
font-size: 15px;
}


.shopcategories {
width:97%;
padding:0px 0 40px;
}


.shopcategory {
padding: 6px 11px;
font-size:13px;
}

.cart {
position:fixed;
width:50px;
height:50px;
top:20px;
right: 20px;
}

}



@media only screen and (max-width: 600px) {

.shop5 {
width:98%;
display:grid;
grid-template-columns: 100%; 
grid-column-gap: 0px;
grid-row-gap: 45px;
}

.shop-title {
font-weight : bold;
font-size : 18px;
}

.shop-description {
font-size : 14px;
}

.shop-price {
font-weight : bold;
font-size : 20px;
}


.shopcategory {
padding:6px 10px;
font-size:12px;
}

}




@media only screen and (max-width: 550px) {

.shop5 {
width:100%;
display:grid;
grid-template-columns: 100%; 
grid-column-gap: 0px;
grid-row-gap: 40px;
}


.shopcategory {
padding:6px 8px;
font-size:11px;
}

}






@media only screen and (max-width: 500px) {

.shop {
margin-top:10px;
padding:30px 0 20px;
}

.shopcategories {
width:97%;
padding:3px 0 40px;
}

.shopcategory {
padding:6px 6px;
font-size:11px;
}


}







@media only screen and (max-width: 425px) {

.shop5 {
width:95%;
display:grid;
grid-template-columns: 100%; 
grid-column-gap: 0px;
grid-row-gap: 40px;
}

.shop-title {
font-weight : bold;
font-size : 18px;
}

.shop-description {
font-size : 14px;
}

.shop-notes {
font-size:11px;
}

.shop-price {
font-weight : bold;
font-size : 20px;
}

.addtocart {
padding: 8px 40px;
font-size: 16px;
}

.shopcategories {
width:100%;
padding:0px 0 40px;
}

.shopcategory {
padding: 6px 4px;
font-size: 10px;
}

}





@media only screen and (max-width: 375px) {

.shopcategory {
padding: 4px 2px;
font-size: 9px;
}

.shop-title {
font-weight : bold;
font-size : 17px;
}

.shop-description {
font-size : 13px;
}


.shop-price {
font-weight : bold;
font-size : 18px;
}


}





@media only screen and (max-width: 325px) {                                                    



}