* {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  border: border-box;
}

/* Navbar */
.navbar {
  height: 60px;
  background-color: #37475a;
  color: white;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
/**shop section**/
.shop-section {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-evenly;
   background-color: #e2e7e6;
}
.box {
   height: 450px;
   width: 32%;
   background-color: white;
   padding: 20px 0px 15px;
   margin-top: 15px;
}
.box:hover {
   height: 450px;
   width: 32%;
   background-color: white;
   padding: 20px 0px 15px;
   margin-top: 15px;
   rotate: 3deg;
}
.box-img {
   height: 300px;
   background-size: cover;
   background-position: center;
   margin-top: 1rem;
   margin-bottom: 2rem;
   border-radius: 20px;
}
.box-content {
   margin-left: 1rem;
   margin-right: 1rem;
}
.box-content p {
   color: black;
}
a {
   color: white;
   text-decoration: none;
}
/**#anchor-no{
color: red;
text-decoration: none;
font-weight: 500;
}**/
/** footer**/
.foot-panel1{
   background-color: #37475a;
   color: white;
   height: 50px;
   display: flex;
   justify-content: center;
   align-items: center;
}
@media screen and (max-width: 600px)
{
   .shop-section {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-evenly;
   background-color: #e2e7e6;
}
.box {
   height: 300px;
   width: 390px;
   background-color: white;
   padding: 20px 0px 15px;
   margin-top: 15px;
}
.box:hover {
   height: 300px;
   width: 390px;
   background-color: white;
   padding: 20px 0px 15px;
   margin-top: 15px;
   rotate: 3deg;
}
.box-img {
   height: 200px;
   width: 330px;
   background-size: cover;
   background-position: center;
   margin-top: 1rem;
   margin-bottom: 1rem;
   border-radius: 20px;
}
}