@media screen and (max-width: 768px) {}
@media screen and (min-width: 769px) {}

body {
      font-family: 'Segoe UI', sans-serif;
      margin: 0;
      padding: 0;
      background-color: #f5f5f5;
      color: #333;
    }

header {
      background-color: #004080;
      color: white;
      padding: 0;
      text-align: center;
    }
header img {
      width: 80%;
      height: auto;
      /*max-height: 300px;*/
      object-fit: cover;
}
@media screen and (max-width: 768px) {
	section {
	  max-width: 95%;
	  margin: 40px auto;
	  padding: 20px;
	  background: white;
	  border-radius: 8px;
	  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
	  font-size: 2.0rem;
	}
}
@media screen and (min-width: 769px) {
	section {
	  max-width: 80%;
	  margin: 40px auto;
	  padding: 20px;
	  background: white;
	  border-radius: 8px;
	  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
	}
}
h2 {
      border-left: 6px solid #004080;
      padding-left: 12px;
      color: #004080;
    }
ul {
      list-style-type: disc;
      padding-left: 40px;
}
.product-categories {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      margin-top: 20px;
      justify-content: center;
    }
@media screen and (max-width: 768px) {
	.category {
	      background-color: #ffffff;
	      padding: 10px;
	      text-align: center;
	      border-radius: 6px;
	      width: 80%;
	      box-shadow: 0 2px 6px rgba(0,0,0,0.1);
	    }
	.category img {
	      width: 100%;
	      border-radius: 6px;
	      /*height: 120px;*/
	      object-fit: cover;
	    }
	.category p {
	      font-family: 'Segoe UI', sans-serif;
	      margin-top: 10px;
	      font-weight: bold;
	    }
}
@media screen and (min-width: 769px) {
	.category {
	      background-color: #ffffff;
	      padding: 10px;
	      text-align: center;
	      border-radius: 6px;
	      width: 300px;
	      box-shadow: 0 2px 6px rgba(0,0,0,0.1);
	    }
	.category img {
	      width: 100%;
	      border-radius: 6px;
	      /*height: 120px;*/
	      object-fit: cover;
	    }
	.category p {
	      font-family: 'Segoe UI', sans-serif;
	      margin-top: 10px;
	      font-weight: bold;
	    }
}