@charset "utf-8";

.titleContainer h2 {
    color: var(--main-color-2);
    font-size: 2.5rem;
    margin: 2rem 0;
    padding: 0.5rem 1rem 0.5rem;
    background-color: var(--main-color-10);
    text-align: center;
}
.departmentContainer {
  display: flex;
  align-items: center; /* Align items vertically within the container */
  margin-bottom: 20px;
}

.leftContainer {
  flex-shrink: 0; /* This prevents the leftContainer from shrinking */
  align-self: flex-start;
  padding-right: 3rem;
}

.leftContainer img {
  max-width: 100%;
  height: auto;
}

.contentGpCategoryCategoryType {
  display: flex;
  justify-content: flex-start;  
  margin: 5px; 
}

.contentGpCategoryCategoryType h2 a {
  max-width: 14.75rem;

}

.contentGpCategoryCategoryType::after {
  width: 0;
}


@media only screen and (min-width: 720px) and (max-width: 960px) {
.leftContainer  {
    padding-right: 0; 
}

.contentGpCategoryCategoryType h2 a {
}

}

@media only screen and (min-width: 480px) and (max-width: 720px) {
.leftContainer  {
    flex-shrink: none;
    padding-right: 0; 
}

.leftContainer img {
  display: none;
}

.contentGpCategoryCategoryType {
  justify-content: center;
}

.contentGpCategoryCategoryType h2 a {
  max-width: 11.75rem;
}

.contentGpCategoryCategoryType::after {
  content: none;
}

}

@media only screen and (max-width: 480px) {
.leftContainer  {
    flex-shrink: none;
    padding-right: 0; 
}

.leftContainer img {
  display: none;
}

.contentGpCategoryCategoryType {
  justify-content: center;
}

.contentGpCategoryCategoryType h2 a {
  max-width: 18.75rem;
}

.contentGpCategoryCategoryType::after {
  content: none;
}

}