.top-bar {
  margin-block-start: 100px;
  min-height: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;

}
.top-bar::after {
  content: "";
  width: 250px;
  height: 310px;
  background-image: url(../img/icons/Intersect4.svg);
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;

}
.top-bar::before {
  content: "";
  width: 250px;
  height: 310px;
  background-image: url(../img/icons/Intersect5.svg);
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;

}
.top-bar span {
  font-size: var(--fs18);
  color: var(--oc);
  display: block;
  margin-block-end: 20px;
  animation-delay: 0s;
}
.top-bar h1 {
  font-size: 50px;
  font-family: "Myriad Pro Bold";
  text-align: center;
  animation-delay: .4s;
}
.bread {
  animation-delay: .8s;
}
/* ul#breadcrumbs {
  display: flex;
  margin-block-start: 10px;

} */
/* ul#breadcrumbs li {
  color: #555;
}
ul#breadcrumbs li:last-child {
  color: black;
} */
li.separator {
  margin: 0 6px;
}
/*********************
START: MEDIA
*********************/

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

@media screen and (max-width: 992px) {
}

@media screen and (max-width: 768px) {
  .top-bar {
    margin-block-start: 70px;
    min-height: 160px;

}
.top-bar h1 {
  font-size: 21px;
	    width: 85%;

}
.top-bar::before ,.top-bar::after {
  width: 120px;
  height: 160px;
}
}

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

@media screen and (max-width: 576px) {
}

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

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

/*********************
END: MEDIA
*********************/