h1{font-size: 16px!important;}

.jh-solid-box {background-color: rgba(0, 0, 0, 0.6); margin: 1em 0; padding:24px; min-height:0px; display:block; border-radius: 10px;}

.jh-solid-box2 {background-color: #fff; margin: 1em 0; padding:24px; min-height: 630px; display:block; border-radius: 10px;  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);}

.jh-solid-box3 {background-color: #1D1F1A; margin: -0.5em; padding:24px; min-height:0px; display:block; border-radius: 10px;}

.jh-solid-box4 {background-color: #ef932e; margin: -0.5em; padding:24px; min-height:0px; display:block; border-radius: 10px;}

.jh-border-box {border: 2px solid white; margin: 1em 0; padding:24px; min-height:420px; display:block; border-radius: 10px;}

.jh-border-box2 {border: 2px solid white; margin: 1em 0; padding:24px; min-height:0px; display:block; border-radius: 10px;}

@media only screen and (min-width: 800px) { .d0splitbackground2 { background: linear-gradient( 270deg, rgba(255, 255, 255, 1) 55%, rgba(255, 255, 255, 0) 55% ); } }
@media only screen and (max-width: 799px) 
{.d0splitbackground2{background:#fff;}}

@media only screen and (min-width: 800px) { .d0splitbackground3 { background: linear-gradient( 90deg, rgba(255, 255, 255, 1) 55%, rgba(255, 255, 255, 0) 55% ); } }

@media only screen and (max-width: 799px) {.d0splitbackground3{background:#fff;}}

.sticky-image {
  position: sticky;
  top: 90px;
}

@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 {
    margin: 6px !important; display: block; width: 100% !important; box-sizing: border-box;
  }
}
@media (max-width: 768px) {h2 {font-size: 2em !important;}}

@media (max-width: 768px) {
  .btn {
    margin: 10px !important;
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 767px) {
    #header div.menu_container {
        background-color: rgba(0, 0, 0, 0) !Important;
        border-bottom: 0px solid #ccc !Important;
        box-shadow: 0 0px 0px 0px gray !Important;
    }
}

img {
  border-radius: 10px !important;
}
@media (min-width: 1201px) {
    #r8_logo img {
        max-width: 70% !important;
        max-height: 150px;
    }
}

@media (max-width: 991px) {
    #header div.menu_container {
        position: fixed;
        top: 0;
        height: 60px;
        width: 100%;
        z-index: 100;
        background-color: rgba(0, 0, 0, 1) !important;
        border-bottom: none !important;
        box-shadow: none !important;
    }
}

@media only screen and (max-width: 799px) {
 .jh-solid-box2, .jh-border-box {min-height: 0px;}}