/* custom styling for the blossom program page */

#wrapper #content .blossom-program-banner{
  position: relative;
}

#wrapper #content .blossom-program-banner::before{
  content: '';
  display: block;
  z-index: 9;
  position: absolute;
  bottom: 20px;
  right: 0;
  width: 480px;
  height: 350px;
  background: url(../images/blossom-hand-infinity.svg) 50% 50% no-repeat;
  background-size: cover;
}



@media only screen and (max-width: 990px){

#wrapper #content .blossom-program-banner .container{
    height: 300px;
  }

#wrapper #content .blossom-program-banner::before{
  width: 220px;
  height: 160px;

}
}