.PageDescription {
   margin-top: 0;
   max-width: 550px;
}

h2 {
   font-size: 18px;
}

.TopLevelCategory {
   background-color: #f5f5f5; 
   border: solid 1px #757575;
   border-radius: 10px;
   box-shadow: 0px 6px 20px #ccc;

   padding: 10px 30px 15px 30px;
   margin: 0;
   display:flex;
   flex-direction: column;
}

.TopLevelCategory h2 {
   margin: 0;
   margin-bottom: 5px;
   border-bottom: 1px solid var(--darkBlue);
   font-size: 18px;
}

.TopLevelCategory a {
   text-decoration: none;
}

.TopLevelCategory p {
   margin: 0;
}

.SubcategoryContainer {
   justify-content: left;
   display: flex;
   flex-wrap: wrap;
   gap: 5px;
   margin:10px;
}

.SubCategory {
   background-color: white; 
   border: solid 1px #757575;
   border-radius: 8px;
   font-size: 14px;
   font-weight: bold;


   padding:4px 8px;
}

.TopLevelCategoryContainer {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap:20px;
   margin-bottom: 40px;
}

@media (max-width: 900px) {
   .TopLevelCategoryContainer {
      grid-template-columns: repeat(2, 1fr);
   }
}

@media (max-width: 600px) {
   .TopLevelCategoryContainer {
      grid-template-columns: repeat(1, 1fr);
   }
}

.ViewAllLink {
   margin-top: auto;
}

.DiscontinuedCategory {
   order:999;
   background-color: #E5E5E5;
}

.Flagship {
   background-color: var(--darkBlue);
   color: #D5D5D5;
}

.Flagship a {
   color: white;
}

.Flagship h2 {
   color: white;
   border-bottom: 1px solid white;
}
.Flagship .SubCategory {
   background-color: #DDE5ED; 
}

.Flagship .SubCategory a {
   color: var(--darkBlue);
}