.jh-solid-box {background-color:#EDEDED;
padding:30px; min-height:150px; display:block; margin-bottom: 10px;}

.jh-solid-box2 {background-color:rgba(0,0,0,0.5);
padding:30px; min-height:150px; display:block; margin-bottom: 10px;}

@media only screen and (min-width: 800px) { 
  .d0splitbackground {
    background: linear-gradient(
      270deg,
      rgba(255, 255, 255, 0) 45%,  /* transparent first */
      rgba(0, 0, 0, 0.5) 45%      /* green on the right */
    );
  }
}

@media only screen and (max-width: 799px) {.d0splitbackground{background:rgba(0,0,0,0.5);}}

h1 {font-size: 15px !Important; text-transform: uppercase !important;}

.jh-solid-box4 {background-color:#003d3d;
padding:30px; min-height:150px; display:block; margin-bottom: -0.5em;}

@media only screen and (max-width: 799px) {.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {padding-left: 0px; padding-right: 0px;}} 

@media (max-width : 799px) { #body h1, #body h2, #body h3, #body p {text-align: center;} } 

@media (max-width: 768px) { .btn { display: block; width: 100%; box-sizing: border-box; } } 

@media only screen and (min-width: 800px) { 
  .d0splitbackground2 {
    background: linear-gradient(
      90deg,
      rgba(255, 255, 255, 0) 40%,  /* transparent first */
      rgba(0, 0, 0, 0.5) 40%      /* green on the right */
    );
  }
}

@media only screen and (max-width: 799px) {.d0splitbackground2 {background: rgba(0,0,0,0.7);}}

#r8_logo img {max-height: 100% !important;}

#r8_navbar .navbar {display: none !important; margin-top: 0px !important;}

@media (max-width: 992px) {
  .nav-hide-mobile {
    display: none;
  }
}

#header div.menu_container {display: none; margin-top: 0px !important;}

#r8_header {display: none !important;}
