/*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;}
.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: 500px; display: flex; align-items: flex-start; flex-direction: column; justify-content: center;}

.d0redbox {min-height: 350px; display: flex; align-items: center; justify-content: center;}
.d0bluebox {min-height: 225px; display: flex; align-items: center; flex-direction: column; justify-content: center;}
}

@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: 26px !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-Parallax-08-2.webp);
    background-attachment: scroll;
    background-position-x: center;
    background-position-y: center;}
#r8_content .parallax02 {background-image: url(/shared/images/content/bus_57932/Inflectiv-Parallax-20.webp);
    background-attachment: scroll;
    background-position-x: center;
    background-position-y: top;}
#r8_content .parallax05 {background-image: url(/shared/images/content/bus_57932/psLondon-Press-Parallax-03.webp);
    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;}
}

@media only screen and (min-width: 800px) {.d0cover2{background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1780 1306"><defs><style> .cls-1 { fill: %232D2926; } </style></defs><path class="cls-1" d="M1780,0v1306H0V0h1780ZM941.94,858.52h707.74v-411.05h-707.74v411.05Z"/></svg>'); background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}}
@media only screen and (max-width: 799px) {.d0cover2{background: #2D2926;}}

.ub-palette {background-color: #2D2926;}