.marquee-homepage-block.basic {
  padding: 20px 0;
  background: linear-gradient(90deg,var(--primarycolor) 60%, var(--tertiarycolor) 100%);
}
.marquee-homepage-block.basic .col{
  background-image: ;
}

.marquee-homepage-block h1{
  color: var(--white);
  margin-bottom: 0;
  font-size: 40px;
}
.single-post .marquee-homepage-block h1{
  font-size: 30px;
}
.marquee-homepage-block p{
  color: var(--white);
  margin-bottom: 0;
}
.marquee-homepage-block #crumbs, .marquee-homepage-block #crumbs a, .marquee-homepage-block #crumbs .current {
  color: var(--midgray);
  font-size:.9em;
}
.marquee-homepage-block #crumbs a:hover{
  color: var(--white);
}
.marquee-homepage-block h3 {
  color: var(--secondarycolor);
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 500;
}
.marquee-homepage-block h3 white {
  color: var(--white);
}
.marquee-homepage-block h3 blue {
  color: var(--healthcareblue);
}

.marquee-homepage-block{
  position: relative;
}
.marquee-homepage-block .backgroundimage {
  width: 50%;
  position: absolute;
  background-size: cover;
  background-position: center;
  height: 100%;
  top: 0;
  bottom: 0;
  right: 0;
}
.marquee-homepage-block .circleimage {
  position: absolute;
  background-position: left calc( 50% + 15px ) bottom -454px;
  background-repeat: no-repeat;
  background-size: auto;
  height: 100%;
  bottom: 0;
}
.marquee-homepage-block.basic .circleimage {
  position: absolute;
  background-position: right -300px bottom -454px;
  background-repeat: no-repeat;
  background-size: auto;
  height: 100%;
  bottom: 0;
}

.marquee-homepage-block .text-box p{
  color: var(--white);
}
.marquee-homepage-block{
  background: linear-gradient(120deg,var(--primarycolor) 10%,var(--tertiarycolor) 100%);
}
.marquee-homepage-block h1 b{
  font-weight: 700;
}
.marquee-homepage-block h2{
  font-size: 18px;
  color: var(--text);
}
.marquee-homepage-block .tile-right a{
  color: var(--secondarycolor);
}
.breadcrumbs {
  font-size: .8em;
}
.breadcrumbs a{
  color: var(--text);
}
.marquee-homepage-block i{
  color: var(--secondarycolor);
}





@media only screen and (max-width: 991px) {
.marquee-homepage-block .backgroundimage {width: 100%;mix-blend-mode: multiply;}
.marquee-homepage-block{background:linear-gradient(120deg,var(--lightbluecolor) 10%,var(--lightgray) 100%);}
}
@media only screen and (max-width: 767px) {
.marquee-homepage-block h1{font-size: 30px;}
}