/*DESKTOP CODE*/
@media only screen and (min-width: 800px) {
#r8_content h1 {font-family: "Cal Sans", sans-serif !important; font-size: 75px; line-height: 75px;}
#r8_content h2 {font-family: "Cal Sans", sans-serif !important;}
#r8_content h3 {font-family: "Cal Sans", sans-serif !important; font-size: 30px; line-height: 30px;}
#r8_content li {font-size: 24px; line-height: 26px; font-family: "Cal Sans", sans-serif;}
#r8_content p {font-size: 24px; line-height: 26px; font-family: "Cal Sans", sans-serif;}}

.d0fontp {font-size: 24px !important; line-height: 26px !important;}



.d0bodysize {font-family: "Cal Sans", sans-serif; font-size: 35px !important; line-height: 44px !important;}
.d0bodysize2 {font-family: "Cal Sans", sans-serif; font-size: 50px !important; line-height: 64px !important;}
.d0bodysize3 {font-family: "Cal Sans", sans-serif; font-size: 24px !important; line-height: 26px !important;}

@media only screen and (max-width: 799px) {
#r8_content h1 {font-family: "Cal Sans", sans-serif !important; font-size: 45px; line-height: 45px; text-align: center !important;}
#r8_content h2 {font-family: "Cal Sans", sans-serif !important; font-size: 30px; line-height: 32px; text-align: center !important;}
#r8_content h3 {font-family: "Cal Sans", sans-serif !important; font-size: 25px; line-height: 27px; text-align: center !important;}
#r8_content p {font-size: 24px; line-height: 26px; text-align: center !important; "Cal Sans", sans-serif;}
#r8_content li {font-size: 24px; line-height: 26px; "Cal Sans", sans-serif;}

.d0fontp {font-size: 24px; line-height: 26px; text-align: center !important;}

#r8_content .ub-compliment-dark h3 {font-size: 20px; line-height: 22px; text-align: center !important;}
#r8_content .ub-compliment-dark p {font-size: 24px; line-height: 26px; text-align: center !important;}

.d0bodysize {font-family: "Cal Sans", sans-serif; font-size: 24px !important; line-height: 34px !important; text-align: center !important;}
.d0bodysize2 {font-family: "Cal Sans", sans-serif; font-size: 36px !important; line-height: 50px !important; text-align: center !important;}
.d0bodysize3 {font-family: "Cal Sans", sans-serif; font-size: 24px !important; line-height: 26px !important; text-align: center !important;}
}


.d0topbannershift {margin-top: -3px;}
#r8_content .parallax01 {background-image: url(/shared/images/content/bus_57932/Inflectiv-Parallax01-2.png);
    background-attachment: fixed;
    background-position-x: center;
    background-position-y: 75%;}
#r8_content .parallax02 {background-image: url(/shared/images/content/bus_57932/Inflectiv-Parallax02.webp);
    background-attachment: fixed;
    background-position-x: center;
    background-position-y: 25%;}
#r8_content .parallax03 {background-image: url(/shared/images/content/bus_57932/Inflectiv-Parallax-26.webp);
    background-attachment: fixed;
    background-position-x: center;
    background-position-y: bottom;}
#r8_content .parallax04 {background-image: url(/shared/images/content/bus_57932/Inflectiv-Parallax04-2.png);
    background-attachment: fixed;
    background-position-x: center;
    background-position-y: 40%;}

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

/*NEW CODE*/

@media only screen and (min-width: 992px) {
.d0servicecolumn .d0whitebox {min-height: 400px; display: flex; align-items: center; justify-content: center;}
.d0whitecoverright {background: linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);}
.d0whitecoverleft {background: linear-gradient(270deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 100%);}
.d0blackcoverright {background: linear-gradient(90deg,rgba(45, 41, 38, 0) 0%, rgba(45, 41, 38, 0) 50%, rgba(45, 41, 38, 1) 50%, rgba(45, 41, 38, 1) 100%);}
.d0blackcoverleft {background: linear-gradient(270deg,rgba(45, 41, 38, 0) 0%, rgba(45, 41, 38, 0) 50%, rgba(45, 41, 38, 1) 50%, rgba(45, 41, 38, 1) 100%);}
}

@media only screen and (max-width: 991px) {
.d0whitecoverright {background: rgba(255, 255, 255, 1);}
.d0whitecoverleft {background: rgba(255, 255, 255, 1);}
.d0blackcoverright {background: rgba(45, 41, 38, 1);}
.d0blackcoverleft {background: rgba(45, 41, 38, 1);}
}


.d0whitebox {background-color: #fff; border-radius: 20px; margin: 1em 0; padding: 20px; min-height: 0px; box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.2); display: block;}
.d0blackbox {background-color: #2D2926; border-radius: 20px; margin: 1em 0; padding: 20px; min-height: 0px; display: block;}
.d0blueborderbox {background-color: #fff; border-top: solid 20px #99EDE5; border-radius: 20px; margin: 1em 0; padding: 20px; min-height: 0px; box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.2); display: block;}
.d0redborderbox {background-color: #fff; border-top: solid 20px #FF4D4D; border-radius: 20px; margin: 1em 0; padding: 20px; min-height: 0px; box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.2); display: block;}

@media only screen and (min-width: 992px) {
.d0splashspace {min-height: 75vh; display: flex; flex-direction: column; align-items: flex-start; justify-content: center;}
.d0sectionspace {min-height: 75vh; display: flex; flex-direction: column; align-items: flex-start; justify-content: center;}
}

@media only screen and (max-width: 991px) {
.d0splashspace {min-height: 75vh; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.d0sectionspace {min-height: 30vh; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.d0redmobliecover {background-color: rgba(255, 77, 77, 0.6);}
.d0bluemobliecover {background-color: rgba(153, 237, 229, 0.6);}
}

@media only screen and (min-width: 800px) {.ub-compliment-dark .d0blueborderbox {min-height: 430px; display: flex; flex-direction: column;
 justify-content: center;}}

.d0blackcoverleft li:before {color: #ff4d4d;}

@media only screen and (max-width: 799px) {.btn {display: block !important; white-space: normal !important;}}

#d0evenboxes .d0blackbox {min-height: 420px; cursor: auto;}

#r8_content li::marker  {color: #FF4D4D !important;}

#d0evenrow .row {min-height: 100px;}

#d0evenrow h3 {font-size: 1.7em;}

#d0evenboxes {min-height: 450px; display: flex; flex-direction: column; justify-content: center;}