/*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 p {font-size: 24px; line-height: 26px;}

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

#r8_content .ub-compliment-dark h3 {font-size: 20px; line-height: 22px;}
#r8_content .ub-compliment-dark p {font-size: 16px; line-height: 18px;}

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

.d0headerspace {background-color: transparent; margin-top: 1em; margin-bottom: 1em; padding: 0px; min-height: 333px; display: flex; align-items: flex-start; flex-direction: column; justify-content: flex-end;}
.d0parallaxspace {background-color: transparent; margin-top: 1em; margin-bottom: 1em; padding: 0px; min-height: 680px; display: flex; align-items: center; flex-direction: column; justify-content: flex-end;}
}

/*MOBILE CODE*/
@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;}

.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: 26px !important; text-align: center !important;}
.d0bodysize2 {font-family: Cal Sans, sans-serif; font-size: 50px !important; line-height: 50px !important; text-align: center !important;}
.d0bodysize3 {font-family: Cal Sans, sans-serif; font-size: 24px !important; line-height: 28px !important; text-align: center !important;}

.d0headerspace {
background-color: transparent; margin-top: 1em; margin-bottom: 1em; padding: 0px; min-height: 500px; display: flex; align-items: center; flex-direction: column; justify-content: center;}
}


.d0topbannershift {transform: translate(0px, -1px);}

#r8_content .parallax01 {background-image: url(/shared/images/content/bus_57932/Inflectiv-Parallax05.png);
    background-attachment: fixed;
    background-position-x: center;
    background-position-y: 40%;}
#r8_content .parallax02 {background-image: url(/shared/images/content/bus_57932/Inflectiv-Parallax04-2.png);
    background-attachment: fixed;
    background-position-x: 70%;
    background-position-y: 25%;}
#r8_content .parallax03 {background-image: url(/shared/images/content/bus_57932/Inflectiv-Parallax06.png);
    background-attachment: fixed;
    background-position-x: center;
    background-position-y: center;}

@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%);}
.d0cover6 {background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0) 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);}
.d0cover6 {rgba(255, 255, 255, 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;}