.jh-solid-box {background-color: #FFFFFF; border-radius: 15px; margin: 1em 0; padding:30px; min-height:330px; display:block;}
.jh-solid-box2 {background-color: #F6F6F6; border-radius: 15px; margin: 1em 0; padding:30px; min-height:330px; display:block;}

@media only screen and (min-width: 800px) {
  .d0splitbackground {
    position: relative;
  }

  .d0splitbackground::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(
      to left,
      rgba(3, 150, 183, 0) 0%,
      rgba(3, 150, 183, 0) 50%,
      rgba(3, 150, 183, 1) 50%,
      rgba(3, 150, 183, 1) 100%
    );
    pointer-events: none;
  }
}

@media only screen and (max-width: 799px) {
.parallax03 {background-position-x: right;}
.d0splitbackground {background:#0396B7;}}

/* Base state of the box */
.jh-hover-box {
  background-color: #FFFFFF; 
  border: solid 1px #EEEEEE; 
  border-radius: 15px;
  padding: 20px; 
  min-height: 80px; 
  display: block;
 margin-bottom: 5px;
  text-decoration: none; /* Removes underline if you use an <a> tag */
  color: inherit; /* Keeps your text colors from changing */
  
  /* Smooth transition for the scaling and shadow effects */
  -moz-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  -webkit-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
}

/* Hover state */
.jh-hover-box:hover { 
  background-color: #FFFFFF; /* Keeps the background color identical */
  transform: scale(1.03); /* Makes the box 3% larger */
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); /* Adds a soft drop shadow */
}

/* Base state of the box */
.jh-hover-box2 {
  background-color: #F6F6F6; 
  border: solid 1px #EEEEEE; 
  border-radius: 15px;
  padding: 30px; 
  min-height: 160px; 
  display: block;
 margin-bottom: 20px;
  text-decoration: none; /* Removes underline if you use an <a> tag */
  color: inherit; /* Keeps your text colors from changing */
  
  /* Smooth transition for the scaling and shadow effects */
  -moz-transition: all .35s ease-in-out;
  -o-transition: all .35s ease-in-out;
  -webkit-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
}

/* Hover state */
.jh-hover-box2:hover { 
  background-color: #F6F6F6; /* Keeps the background color identical */
  transform: scale(1.03); /* Makes the box 3% larger */
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); /* Adds a soft drop shadow */
}