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

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

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

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

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

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

.d0-serivice-hover-box {background-color:#000000; margin: -0.5em;
padding:20px; min-height:380px; display:block;
-moz-transition: all .35s ease-in;
    -o-transition: all .35s ease-in;
      -webkit-transition: all .35s ease-in;
    transition: all .35s ease-in;}
  .d0-serivice-hover-box:hover { background-color:#262626; cursor: pointer;}

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

.header-splash {
    font-family: 'Gabarito', sans-serif;
    font-size: 60px;
    font-weight: bold;
    line-height: 42px;
}

@media only screen and (max-width: 799px) { .header-splash {font-size: 44px;}}

@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 only screen and (max-width: 991px) { .d0-serivice-hover-box
 {min-height: 0px; margin-bottom: 10px;}}

@media (max-width: 991px) {
  h2 {
    font-size: 40px!important;
  }
}

@media (max-width : 799px) 
{
#body h1, 
#body h2, 
#body h3,
#body p
{text-align: center;}
}

.jh-border-box {border: 1px solid #000000;
padding:24px; min-height: 0px; display:block;}

@media only screen and (min-width: 800px) {.d0slantedbg {clip-path: polygon(50% 0%, 100% 0, 100% 90%, 50% 100%, 50% 100%, 0 90%, 0 0);}}

.nudge-up {transform: translate(0, -2px);}


.nudge-up2 {transform: translate(0, -4px);}


h1 {font-weight: light; font-size: 18px!important; line-height: 18px!important; letter-spacing: 6px; text-transform: uppercase!important;}

h1, h2 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.sub-header { font-family: 'Gabarito', sans-serif; font-weight: light; font-size: 18px; line-height: 18px; letter-spacing: 6px; text-transform: uppercase;}

.parallax-dark {background-color: rgba(0, 0, 0, 0.3);}