body { background-color:#cbdce3;
    font-family:sans-serif;
    line-height:1.6;
    margin:0;
    padding:0;
}

.header-welcome { 
    display:grid;
    grid-template-columns:auto 1fr;
    align-items:center;
    padding:0;
    gap:20px;
    background-color:#ffffff;
    border-bottom:thin #000000 solid;
}

@media (max-width:1024px) {
    .header-welcome { 
        grid-template-columns:auto 1fr;
    }
}

@media (max-width:890px) {
    .header-welcome { 
        display:grid !important;
        grid-template-columns:200px 1fr !important;
        border-bottom:thin #000000 solid !important;
    }
}

@media (max-width:800px) and (max-height:440px) and (orientation:landscape) {
    .header-welcome { 
        grid-template-columns:1fr 1fr;
    }
}

@media (max-width:430px) {
    .header-welcome {
        grid-template-columns:1fr !important;
        padding:0 !important;
        background-color:#005273;
    }
}

.header-welcome img { 
    height:80px;
    width:auto;
    padding-top:8px;
    padding-right:0;
    padding-bottom:0;
    padding-left:20px;
}

@media (min-width:1920px) {
    .header-welcome img { 
        height:120px;
    }
}

@media (max-width:1366px) { 
    .header-welcome img { 
        height:100px;
    }
}

 @media (max-width:800px) and (max-height:440px) and (orientation:landscape) {
    .header-welcome img { 
        height:80px;
        padding-top:5px;
        padding-left:10px;
    }
}

@media (max-width:430px) {
    .header-welcome img {
        height:80px;
        padding-top:5px;
        padding-left:20px;
        margin-left:auto;
        margin-right:auto;
    }
}

.welcome-bbdc-logo {
    background-color:#005273;
    width:250%;
}

@media (max-width:1310px) {
    .welcome-bbdc-logo {
        width:175%;
    }
}

@media (max-width:1024px) {
    .welcome-bbdc-logo {
        width:150%;
    }
}

@media (max-width:890px) {
    .welcome-bbdc-logo {
        width:190% !important;
        background-color:#005273 !important;
    }
}

@media (max-width:800px) and (max-height:440px) and (orientation:landscape) {
    .welcome-bbdc-logo {
        width:200%;
    }
}

@media (max-width:670px) and (max-height:440px) and (orientation:landscape) {
    .welcome-bbdc-logo {
        width:150% !important;
    }
}

@media (max-width:430px) {
    .welcome-bbdc-logo {
        display:block !important;
        width:80% !important;
        max-width:100%;
        margin:0 auto 0 auto;
    }
}

.bbdc-contact-info { 
    color:#005273;
    text-align:right;
    font-size:110%;
    font-weight:bold;
    padding:0 20px;
    margin-right:20px;
}

@media (min-width:1920px) {
    .bbdc-contact-info { 
        font-size:150%;
    }
}

@media (max-width:1366px) { 
    .bbdc-contact-info { 
        font-size:120%;
        padding-right:35px;
    }
}

@media (max-width:1024px) {
    .bbdc-contact-info { 
        font-size:130% !important;
        padding-right:15px;
    }
}

@media (max-width:800px) and (max-height:440px) and (orientation:landscape) {
    .bbdc-contact-info { 
        font-size:120% !important;
        line-height:1.4;
        padding-right:0;
    }
}

@media (max-width:430px) {
    .bbdc-contact-info { 
        color:#e6eef1;
        font-size:1.1rem !important;
        letter-spacing:1.0px;
        line-height:1.4;
        padding:0;
        margin-top:-20px;
        margin-right:auto;
        margin-bottom:10px;
        margin-left:auto;
    }
}

.bbdc-number {
    color:#000000;
}

@media (max-width:430px) {
    .bbdc-number {
        color:#e6eef1;
    }
}

.bliss-built {
    background-image:linear-gradient(to top, #e6eef1, #ffffff);
    border-right:thin #000000 solid;
    border-left:thin #000000 solid;
    margin-left:30px;
    margin-right:30px;
    padding-top:0;
    padding-bottom:10px;
}

@media (max-width:890px) {
    .bliss-built {
        margin-left:10px;
        margin-right:10px;
    }
}

@media (max-width:800px) and (max-height:440px) and (orientation:landscape) {
    .bliss-built {
        margin-left:30px;
        margin-right:30px;
    }
}

@media (max-width:430px) {
    .bliss-built {
        margin-left:0;
        margin-right:0;
        border-right:none;
        border-left:none;
    }
}

.bliss-built h1 {
    color:#005273;
    font-size:300%;
    margin:0;
    padding:0;
    text-align:center;
}

@media (min-width:1920px) {
    .bliss-built h1 {
        font-size:320%;
    }
}

@media (max-width:1024px) {
    .bliss-built h1 {
        font-size:250%;
    }
}

@media (max-width:890px) {
    .bliss-built h1 {
        font-size:210%;
    }
}

@media (max-width:800px) and (max-height:440px) and (orientation:landscape) {
    .bliss-built h1 {
        font-size:220%;
    }
}

@media (max-width:430px) {
    .bliss-built h1 {
        font-size:135%;
    }
}

.bliss-built p {
    font-size:250%;
    line-height:0.8;
    margin:0;
    padding-top:0;
    padding-bottom:5px;
    text-align:center;
}

@media (min-width:1920px) {
    .bliss-built p {
        font-size:300%;
    }
}

@media (max-width:1024px) {
    .bliss-built p {
        font-size:230%;
    }
}

@media (max-width:890px) {
    .bliss-built p {
        font-size:195% !important;
    }
}

@media (max-width:800px) and (max-height:440px) and (orientation:landscape) {
    .bliss-built p {
        font-size:175%;
    }
}

@media (max-width:430px) {
    .bliss-built p {
        font-size:135% !important;
        margin-top:5px;
        margin-bottom:-3px;
    }
}

.descriptive-bar { 
    display:grid;
    grid-template-columns:auto 1fr;
    align-items:center;
    margin:0;
    padding:0;
    gap:20px;
    background-color:#ffffff;
    border-bottom:thin #000000 solid;
}

.descriptive-bar h1 {
    font-weight:400;
    padding-top:0;
    padding-right:30px;
    padding-bottom:0;
    padding-left:30px;
    margin:0;
}

.description-info {
    color:#ffffff;
    text-align:left;
    font-size:130%;
    font-weight:bold;
    padding:0;
}

a.bbdc-brand-color:link, a.bbdc-brand-color:hover, a.bbdc-brand-color:visited {
    color:#005273 !important;
}

a.ContactLink:link, a.ContactLink:visited {
    background-color:#005273;
    border:3px double #ffffff;
    border-radius:25px;
    color:#ffffff;
    font-size:1.5rem;
    font-weight:bold;
    letter-spacing:1.5px;
    padding:10px 30px;
    text-align:center;
    text-decoration:none;
    display:inline-block;
    transition:all 0.3s ease;
}

a.ContactLink:hover {
    background-color:#e6eef1;
    border:3px double #005273;
    color:#005273;
    cursor:pointer;
}

@media (min-width:1920px) {
    a.ContactLink:link, a.ContactLink:visited {
        font-size:1.9rem;
    }
}

@media (max-width:1024px) {
    a.ContactLink:link, a.ContactLink:visited {
        margin-top:-30px;
        margin-bottom:20px;
    }
}

@media (max-width:890px) {
    a.ContactLink:link, a.ContactLink:visited {
        margin-bottom:30px;
    }
}

@media (max-width:800px) and (max-height:440px) and (orientation:landscape) {
    a.ContactLink:link, a.ContactLink:visited {
        font-size:1.0rem;
    }
}

@media (max-width:430px) {
    a.ContactLink:link, a.ContactLink:visited {
        font-size:1.1rem;
    }
}

.link-styler {
    padding-top:20px;
}

.grid-container {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0;
    padding:0;
    margin:auto;
    background-color:#ffffff;
    border-top:thin #000000 solid;
    border-bottom:thin #000000 solid;
}

@media (max-width:768px) {
    .grid-container {
        grid-template-columns:1fr;
    }
}

.grid-container img {
    width:90%;
    height:auto;
}

@media (min-width:1920px) {
    .grid-container img {
        width:90%;
    }
}

@media (max-width:1366px) { 
    .grid-container img {
        width:100%;
    }
}

@media (max-width:1024px) {
    .grid-container img {
        width:100%;
    }
}

@media (max-width:890px) {
    .grid-container img {
        padding-top:30px;
    }
}

@media (max-width:800px) and (max-height:440px) and (orientation:landscape) {
    .grid-container img {
        padding-top:25px;
    }
}

@media (max-width:430px) {
    .grid-container img {
        padding-top:0;
    }
}

.bbdc-hub {
    margin-left:50px;
    text-align:left;
}

@media (max-width:1024px) {
    .bbdc-hub {
        margin-left:35px;
        margin-right:30px;
    }
}

@media (max-width:768px) {
    .bbdc-hub {
        margin-left:20px;
        margin-right:20px;
    }
    
    .bbdc-hub img {
        margin-top:-30px;
        margin-bottom:-20px;
    }
}

@media (max-width:670px) and (max-height:440px) and (orientation:landscape) {
    .bbdc-hub {
        margin-left:20px;
        margin-right:20px;
    }
    
    .bbdc-hub img {
        margin-top:0;
        margin-bottom:0;
    }
}

@media (max-width:430px) {
    .bbdc-hub {
        text-align:left;
    }
    
    .bbdc-hub img {
        margin-top:-10px;
        margin-bottom:10px;
    }
}

.service-matrix {
    background-color:#ffffff;
    margin:0;
    padding:50px;
}

@media (max-width:1366px) {
    .service-matrix {
        padding:30px;
    }
}

@media (max-width:1024px) {
    .service-matrix {
        margin-top:20px;
        padding:0;
    }
}

@media (max-width:890px) {
    .service-matrix {
        margin-top:30px;
        margin-left:25px;
    }
}

@media (max-width:800px) and (max-height:440px) and (orientation:landscape) {
    .service-matrix {
        background-color:#005273;
        margin-top:0;
        margin-left:0;
    }
}

@media (max-width:430px) {
    .service-matrix {
        background-color:#005273;
        margin-top:-5px;
        margin-left:0;
    }
}

.bbdc-description {
    background-color:#005273;
    border:2px #cbdce3 solid;
    margin-top:10px;
    margin-right:30px;
}

@media (max-width:800px) and (max-height:440px) and (orientation:landscape) {
    .bbdc-description {
        border:none;
        margin-right:0;
    }
}

@media (max-width:430px) {
    .bbdc-description {
        margin:8px;
    }
}

.bbdc-description p {
    color:#ffffff;
    font-size:125%;
    font-weight:bold;
    letter-spacing:1.2px;
    line-height:30px;
    padding-top:10px;
    padding-right:20px;
    padding-bottom:10px;
    padding-left:20px;
}

@media (min-width:1920px) {
    .bbdc-description p {
        font-size:180%;
        letter-spacing:1.5px;
        line-height:50px;
        padding-top:5px;
        padding-bottom:5px;
        padding-left:40px;
    }
}

@media (max-width:1366px) {
    .bbdc-description p {
        font-size:130%;
        letter-spacing:1.2px;
        line-height:35px;
        padding-left:30px;
    }
}

@media (max-width:1024px) {
    .bbdc-description p {
        font-size:120%;
        letter-spacing:1.0px;
        line-height:30px;
    }
}

@media (max-width:800px) and (max-height:440px) and (orientation:landscape) {
    .bbdc-description p {
        font-size:100%;
        padding-left:35px;
    }
}

@media (max-width:430px) {
    .bbdc-description p {
        font-size:1.2rem;
        letter-spacing:0.8px;
        padding-top:0;
        padding-bottom:0;
        padding-left:30px;
    }
}

.learn-more {
    padding-top:45px;
    text-align:center;
    margin-right:20px;
}

@media (min-width:1920px) {
    .learn-more {
        margin-right:30px;
    }
}

@media (max-width:890px) {
    .learn-more {
        margin-right:25px;
    }
}

@media (max-width:800px) and (max-height:440px) and (orientation:landscape) {
    .learn-more {
        padding-top:10px;
        margin-right:0;
        margin-bottom:10px;
    }
}

@media (max-width:670px) and (max-height:440px) and (orientation:landscape) {
    .learn-more {
        padding-top:0;
        margin-right:20px;
        margin-left:20px;
    }
}

@media (max-width:430px) {
    .learn-more {
        padding-top:35px;
        margin-right:0;
        margin-bottom:0;
    }
}

@media only screen 
and (max-height:320px) 
and (orientation:landscape) {
    .learn-more {
        padding-top:5px;
    }   
}

@media only screen and (max-width:320px) {
    .learn-more {
        padding-top:50px;
        margin-left:10px;
        margin-right:10px;
    }   
}

.bbdc-standard-launch {
    background-image:linear-gradient(to top, #e6eef1, #ffffff);
    border-right:thin #000000 solid;
    border-left:thin #000000 solid;
    margin-left:30px;
    margin-right:30px;
    padding-top:5px;
    padding-bottom:10px;
}

@media (max-width:890px) {
    .bbdc-standard-launch {
        margin-left:10px;
        margin-right:10px;
    }
}

@media (max-width:800px) and (max-height:440px) and (orientation:landscape) {
    .bbdc-standard-launch {
        border-right:none;
        border-left:none;
        margin-left:0;
        margin-right:0;
    }
}

@media (max-width:430px) {
    .bbdc-standard-launch {
        border-right:none;
        border-left:none;
        border-bottom:none;
        margin-left:0;
        margin-right:0;
    }
}

@media (max-width:400px) {
    .bbdc-standard-launch {
        border-right:none;
        border-left:none;
        border-bottom:none;
        margin-left:0;
        margin-right:0;
    }
}

.bbdc-standard-launch h2 {
    color:#005273;
    font-size:200%;
    margin:0;
    padding:0;
    text-align:center;
}

@media (min-width:1920px) {
    .bbdc-standard-launch h2 {
        font-size:250%;
    }
}

@media (max-width:1310px) {
    .bbdc-standard-launch h2 {
        font-size:180%;
    }
}

@media (max-width:1024px) {
    .bbdc-standard-launch h2 {
        font-size:170% !important;
    }
}

@media (max-width:890px) {
    .bbdc-standard-launch h2 {
        font-size:155% !important;
    }
}

@media (max-width:800px) and (max-height:440px) and (orientation:landscape) {
    .bbdc-standard-launch h2 {
        font-size:140% !important;
    }
}

@media (max-width:768px) {
    .bbdc-standard-launch h2 {
        font-size:170% !important;
    }
}

@media (max-width:430px) {
    .bbdc-standard-launch h2 {
        margin-top:8px;
        margin-bottom:5px;
        font-size:120% !important;
        line-height:1.4;
    }
}

@media only screen and (max-width:400px) {
    .bbdc-standard-launch h2 {
        font-size:135% !important;
        padding-left:20px;
        padding-right:20px;
    }
}

.bbdc-standard-launch p {
    font-size:200%;
    line-height:1.2;
    margin:0;
    padding-top:0;
    padding-bottom:5px;
    text-align:center;
}

@media (min-width:1920px) {
    .bbdc-standard-launch p {
        font-size:260%;
    }
}

@media (max-width:1024px) {
    .bbdc-standard-launch p {
        font-size:180%;
    }
}

@media (max-width:890px) {
    .bbdc-standard-launch p {
        font-size:175%;
    }
}

@media (max-width:800px) and (max-height:440px) and (orientation:landscape) {
    .bbdc-standard-launch p {
        font-size:160%;
        margin-bottom:-3px;
    }
}

@media (max-width:430px) {
    .bbdc-standard-launch p {
        font-size:150%;
        line-height:1.3;
        font-style:italic;
    }
}

@media (max-width:400px) {
    .bbdc-standard-launch p {
        font-size:140%;
        line-height:1.2;
    }
}
 
 a.ChatLink:link, a.ChatLink:visited {
    background-color:#ffffff;
    border:3px solid #cbdce3;
    border-radius:25px;
    color:#005273;
    font-size:1.5rem;
    font-weight:bold;
    letter-spacing:1.5px;
    padding:10px 30px;
    text-align:center;
    text-decoration:none;
    display:inline-block;
    transition:all 0.3s ease;
}

a.ChatLink:hover {
    background-color:#e6eef1;
    border:3px solid #cbdce3;
    color:#005273;
    cursor:pointer;
}

 @media (min-width:1920px) {
    a.ChatLink:link, a.ChatLink:visited {
        font-size:1.9rem;
    }
}

@media (max-width:1024px) {
    a.ChatLink:link, a.ChatLink:visited {
        margin-top:-15px;
    }
}

@media (max-width:800px) and (max-height:440px) and (orientation:landscape) {
    a.ChatLink:link, a.ChatLink:visited {
        margin-top:-20px;
        margin-bottom:10px;
    } 
}

@media (max-width:670px) and (max-height:440px) and (orientation:landscape) {
    a.ChatLink:link, a.ChatLink:visited {
        margin-top:0;
        margin-bottom:0;
    } 
}

@media (max-width:645px) {
    a.ChatLink:link, a.ChatLink:visited {
        margin-top:10px;
        margin-right:15px;
        margin-bottom:15px;
        margin-left:15px;
        line-height:30px;
    }
}

@media (max-width:400px) {
    a.ChatLink:link, a.ChatLink:visited {
        margin-top:0;
        margin-right:20px;
        margin-bottom:0;
        margin-left:20px;
    }
}

.bbdc-difference {
    background-image:linear-gradient(to top, #e6eef1, #ffffff);
    border-right:thin #000000 solid;
    border-left:thin #000000 solid;
    margin-left:30px;
    margin-right:30px;
    padding-top:10px;
    padding-bottom:10px;
}

@media (max-width:890px) {
    .bbdc-difference {
        margin-left:10px;
        margin-right:10px;
    }
}

@media (max-width:800px) and (max-height:440px) and (orientation:landscape) {
    .bbdc-difference {
        margin-left:30px;
        margin-right:30px;
    }
}

.bbdc-difference h2 {
    color:#005273;
    font-size:200%;
    letter-spacing:1.0px;
    margin:0;
    padding:0;
    text-align:center;
}

@media (min-width:1920px) {
    .bbdc-difference h2 {
        font-size:250% !important;
    }
}

@media (max-width:1310px) {
    .bbdc-difference h2 {
        font-size:180%;
    }
}

@media (max-width:1024px) {
    .bbdc-difference h2 {
        font-size:165%;
    }
}

@media (max-width:890px) {
    .bbdc-difference h2 {
        font-size:180%;
        letter-spacing:1.2px;
        line-height:1.5;
        padding-left:40px;
        padding-right:40px;
        margin-bottom:30px;
    }
}

@media (max-width:800px) and (max-height:440px) and (orientation:landscape) {
    .bbdc-difference h2 {
        font-size:160%;
        line-height:1.4;
        margin-bottom:30px;
    }
}

.bbdc-difference p {
    font-size:170%;
    font-weight:bold;
    letter-spacing:1.0px;
    line-height:1.5;
    margin:0;
    padding-top:0;
    padding-bottom:5px;
    text-align:center;
}

@media (min-width:1920px) {
    .bbdc-difference p {
        font-size:200% !important;
    }
}

@media (max-width:1024px) {
    .bbdc-difference p {
        font-size:160%;
    }
}

@media (max-width:400px) {
    .bbdc-difference p {
        font-size:140%;
    }
}

.bbdc-demos {
    background-color:#ffffff;
    border-bottom:thin #000000 solid;
}

.bbdc-demo-image {
    height:90%;
    width:auto;
    border:thin #000000 solid;
    border-radius:8px;
}

@media (min-width:1920px) {
    .bbdc-demo-image {
        height:100%;
    }
}

@media (max-width:1310px) {
    .bbdc-demo-image {
        height:75%;
        width:auto;
        border:thin #000000 solid;
        border-radius:8px;
    }
}

@media (max-width:1024px) {
    .bbdc-demo-image {
        width:100%;
        height:auto;
        margin-bottom:10px;
    }
}

a.DemoLink:link, a.DemoLink:visited {
    background-color:#005273;
    border:3px double #ffffff;
    border-radius:25px;
    color:#ffffff;
    font-size:1.5rem;
    font-weight:bold;
    letter-spacing:1.5px;
    padding:10px 30px;
    text-align:center;
    text-decoration:none;
    display:inline-block;
    transition:all 0.3s ease;
    margin-top:20px;
}

a.DemoLink:hover {
    background-color:#e6eef1;
    border:3px double #005273;
    color:#005273;
    cursor:pointer;
}

@media (min-width:1920px) {
    a.DemoLink:link, a.DemoLink:visited {
        font-size:1.9rem;
    }
}

@media (max-width:1024px) {
    a.DemoLink:link, a.DemoLink:visited {
        margin-top:30px;
        margin-bottom:20px;
    }
}

@media (max-width:890px) {
    a.DemoLink:link, a.DemoLink:visited {
        margin-bottom:30px;
    }
}

@media (max-width:800px) and (max-height:440px) and (orientation:landscape) {
    a.DemoLink:link, a.DemoLink:visited {
        font-size:1.3rem;
        margin-top:20px;
    }
}

@media (max-width:430px) {
    a.DemoLink:link, a.DemoLink:visited {
        font-size:1.5rem;
        margin-top:10px;
    }
}

@media (max-width:400px) {
    a.DemoLink:link, a.DemoLink:visited {
        font-size:1.3rem;
        margin-bottom:10px;
    }
}

.back-top-top {
    background-color:#ffffff;
    border-top:thick #005273 double;
}

@media (max-width:430px) {
    
    a.bbdc-brand-color:link, a.bbdc-brand-color:hover, a.bbdc-brand-color:visited {
        color:#ffffff !important;
    }
    
    .bbdc-difference {
        margin-left:0;
        margin-right:0;
        border-left:none;
        border-right:none;
        border-top:thin #000000 solid;
    }
    
    .bbdc-difference h2 {
        font-size:160%;
        letter-spacing:1.2px;
        line-height:1.5;
        padding-left:30px;
        padding-right:30px;
        margin-bottom:30px;
    }
    
    .bbdc-demos-grid {
        grid-template-columns:1fr !important;
        gap:0;
        margin-top:13px;
        margin-right:10px;
        margin-left:10px;
        margin-bottom:15px;
    }   
    
}

/* LEGACY DEVICE PORTRAIT */
@media only screen and (max-width:400px) {
    .header-welcome img {
        height:90px;
        padding-top:5px;
        padding-left:0;
        margin-left:auto;
        margin-right:auto;
        background-color:#005273;
    }
    
    .bbdc-contact-info { 
        line-height:1.25;
    }
    
    .bliss-built h1 {
        font-size:125%;
        line-height:30px;
    }
    
    .bliss-built p {
        font-size:125% !important;
        margin-top:5px;
        
    }
    
    .bbdc-description p {
        font-size:1.1rem;
        letter-spacing:0.8px;
        line-height:1.3;
        padding-top:0;
        padding-bottom:0;
        padding-left:25px;
    }

    .bbdc-difference h2 {
        font-size:145%;
    }
    
}

/* LEGACY IPHONE LANDSCAPE */
@media (max-width:670px) and (max-height:440px) and (orientation:landscape) {

    .header-welcome img {
        height:80px;
        padding-top:5px;
        padding-left:5px;
    }
    
    .bbdc-contact-info { 
        font-size:110% !important;
        line-height:1.4;
        padding-right:0;
    }
    
    .bliss-built h1 {
        font-size:180%;
    }
    
    .bliss-built p {
        font-size:160% !important;
    }
    
    .grid-container {
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:0;
        padding:0;
        margin:auto;
        background-color:#ffffff;
        border-top:thin #000000 solid;
        border-bottom:thin #000000 solid;
    }
    
    .grid-container img {
        padding-top:8px;
    }
    
    .bbdc-description p {
        font-size:100%;
        line-height:30px;
        padding-left:35px;
    }
    
    a.ContactLink:link, a.ContactLink:visited {
        font-size:1.2rem;
        margin-top:10px;
    }
    
    .bbdc-standard-launch h2 {
        font-size:170% !important;
        line-height:35px;
    }
    
    .bbdc-standard-launch p {
        font-size:180%;
        font-style:italic;
        margin-bottom:-5px;
    }
    
    a.DemoLink:link, a.DemoLink:visited {
        font-size:1.1rem;
        margin-top:20px;
    }
}

 /* LEGACY DEVICE PORTRAIT */
@media only screen and (max-width:321px) {
    
    .header-welcome img {
        height:80px;
        padding-top:5px;
        padding-left:3px;
        padding-bottom:5px;
        padding-right:5px;
        margin-left:auto;
        margin-right:auto;
        background-color:#005273;
    }
    
    .welcome-bbdc-logo {
        display:block !important;
        width:80% !important;
        max-width:80%;
        margin:0 auto 0 auto;
    }
    
    .bbdc-contact-info {
        letter-spacing:0.8px;
        line-height:1.3;
        margin-right:10px;
        margin-bottom:5px;
    }
    
    .bliss-built h1 {
        font-size:185%;
        line-height:40px;
        padding-top:5px;
    }
    
    .bliss-built p {
        font-size:140% !important;
        margin-top:10px;
        margin-bottom:-2px;
        line-height:1.3;
        
    }
    
    .bbdc-standard-launch h2 {
        margin-top:8px;
        margin-bottom:5px;
        font-size:125% !important;
        letter-spacing:1.2px;
        line-height:1.4;
        padding-left:20px;
        padding-right:20px;
    }
    
     .bbdc-standard-launch p {
        font-size:120%;
        line-height:1.2;
    }
    
    .bbdc-difference h2 {
        font-size:125%;
    }
    
    .bbdc-difference p {
        font-size:120%;
    }
    
    a.ChatLink:link, a.ChatLink:visited {
        margin-top:-20px;
        margin-right:-5px;
        margin-bottom:-20px;
    }
    
}

@media (max-width:570px) and (orientation:landscape) {
    
    .header-welcome { 
        background-color:#005273;
    }
    
    .header-welcome img {
        height:80px;
        padding-top:5px;
        padding-left:5px;
        background-color:#005273;
    }
    
    .bbdc-contact-info { 
        color:#ffffff;
        font-size:100% !important;
        line-height:1.5;
        padding-right:0;
        margin-right:15px;
    }
    
    .bbdc-number {
        color:#ffffff;
    }
    
    .bliss-built {
        margin-left:10px;
        margin-right:10px;
    }
    
    .bliss-built h1 {
        font-size:170% !important;
    }
    
    .bliss-built p {
        font-size:155% !important;
    }
    
    .grid-container img {
        padding-top:0;
    }
    
    .bbdc-description p {
        font-size:100%;
        line-height:25px;
        padding-left:25px;
        padding-top:0;
        margin-top:10px;
    }
    
    a.ContactLink:link, a.ContactLink:visited {
        font-size:1.2rem;
        margin-top:0;
        margin-top:-15px;
        margin-bottom:15px;
    }
    
    .bbdc-standard-launch h2 {
        font-size:150% !important;
        line-height:35px;
    }
    
    .bbdc-standard-launch p {
        font-size:160%;
        font-style:italic;
        margin-bottom:-5px;
    }
    
    a.ChatLink:link, a.ChatLink:visited {
        margin-top:30px;
        margin-bottom:0;
    } 
    
    .bbdc-difference {
        margin-left:10px;
        margin-right:10px;
        border-left:thin #000000 solid;
        border-right:thin #000000 solid;
        border-top:none;
    }
    
    .bbdc-difference h2 {
        font-size:150% !important;
        line-height:30px;
        padding-left:30px;
        padding-right:30px;
    }
    
    .bbdc-difference p {
        font-size:130%;
        letter-spacing:0.8px;
    }

    a.DemoLink:link, a.DemoLink:visited {
        font-size:0.8rem;
        margin:0;
        margin-bottom:10px;
    }
}

.back-link {
    display:inline-block;
    margin-top:1rem;
    margin-bottom:1rem;
    color:#005273;
    text-decoration:none;
    font-weight:bold;
}

@media (max-width:800px) and (max-height:440px) and (orientation:landscape) {
    .back-link {
        margin-bottom:0;
    }
}

@media only screen and (max-width:400px) {
    .back-link {
        margin-top:0.5rem;
    }
}

@media only screen 
  and (max-height:320px) 
  and (orientation:landscape) {
    .back-link {
        margin-top:0.5rem;
        margin-bottom:0.5rem;
    }  
 }

.features-grid {
    background-color:#005273;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:1.5rem;
    margin:0;
    padding:20px 30px 20px 30px;
}

@media (max-width:768px) {
    .features-grid {
        gap:1.0rem;
        padding:20px 15px 20px 15px;
    }
}

@media (max-width:600px) {
    .features-grid {
        grid-template-columns:1fr;
    }
}

.feature-card {
    background-color:#ffffff;
    border:2px solid #cbdce3;
    padding:1.2rem;
    border-radius:4px;
}

.icon-title {
    display:flex;
    align-items:center;
    gap:0.75rem;
    margin-top:0;
    margin-bottom:0.5rem;
    color:#005273;
    font-size:150% !important;
    font-weight:bold;
    letter-spacing:1.2px;
}

@media (max-width:800px) and (max-height:440px) and (orientation:landscape) {
    .icon-title {
        font-size:135% !important;
        letter-spacing:1.0px;
        line-height:25px;
    }
}

@media (max-width:768px) {
    .icon-title {
        line-height:30px;
    }
}

@media (max-width:670px) and (max-height:440px) and (orientation:landscape) {
    .icon-title {
        padding-top:15px;
    }
 }

@media (max-width:430px) {
    .icon-title {
        padding-top:15px;
    }
}

@media only screen 
  and (max-height:320px) 
  and (orientation:landscape) {
      .icon-title {
        padding-top:10px;
        padding-left:10px;
    }
}
 
.feature-card svg {
    width:26px;
    height:26px;
    fill:#005273;
    flex-shrink:0;
}

@media (max-width:800px) and (max-height:440px) and (orientation:landscape) {
    .feature-card svg {
        width:45px;
        height:45px;
        margin-right:10px;
    }
}

@media (max-width:768px) {
    .feature-card svg {
        width:55px;
        height:55px;
        margin-right:20px;
    }
}

@media only screen 
  and (max-height:320px) 
  and (orientation:landscape) {
    .feature-card svg {
        width:35px;
        height:35px;
    }
}
 
@media only screen and (max-width:320px) {
   .feature-card svg {
        width:45px;
        height:45px;
        margin-right:10px;
    }
}

.feature-card h3 {
    font-size:150% !important;
    letter-spacing:1.2px;
    margin-top:0;
    color:#005273;
}

.feature-card p {
    font-size:130%;
    letter-spacing:1.2px;
    line-height:30px;
}

@media (max-width:800px) and (max-height:440px) and (orientation:landscape) {
    .feature-card p {
        font-size:130%;
        letter-spacing:1.0px;
        line-height:28px;
        padding-left:10px;
    }
}

@media (max-width:768px) {
    .feature-card p {
        font-size:130%;
        letter-spacing:1.2px;
        line-height:28px;
        padding-left:10px;
    }
}

@media (max-width:670px) and (max-height:440px) and (orientation:landscape) {
    .feature-card p {
        font-size:125%;
        letter-spacing:1.0px;
        line-height:25px;
        padding-left:10px;
    }
}

@media only screen and (max-width:400px) {
    .feature-card p {
        padding-left:5px;
        padding-right:0;
    }
}

@media only screen 
  and (max-height:320px) 
  and (orientation:landscape) {
    .feature-card p {
        padding-left:15px;
        padding-right:0;
    }
}

.bbdc-demos-grid {
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:20px;
    text-align:center;
    margin:0 30px 35px 30px;
    padding-top:35px;
}

@media (min-width:1920px) {
    .bbdc-demos-grid {
        gap:0;
    }
}

@media (max-width:1024px) {
    .bbdc-demos-grid {
        margin:5px 30px 20px 30px;
    }
}

.bbdc-demo-card {
    display:flex;
    flex-direction:column;
    align-items:center;
}

.bbdc-demo-image {
    width:100%;
    height:auto;
    display:block;
    margin-bottom:12px;
}

.bbdc-demo-card p {
    margin:10px;
    font-size:130%;
    letter-spacing:1.2px;
    line-height:30px;
    padding-left:20px;
    padding-right:20px;
}

@media (min-width:1920px) {
    .bbdc-demo-card p {
        font-size:155%;
        letter-spacing:1.3px;
        padding-left:30px;
        padding-right:30px;
    }
}

@media (max-width:1366px) {
    .bbdc-demo-card p {
        font-size:125%;
    }
}

@media (max-width:1340px) {
    .bbdc-demo-card p {
        letter-spacing:1.0px;
    }
}

@media (max-width:1024px) {
    .bbdc-demo-card p {
        font-size:120%;
        line-height:25px;
        padding-left:15px;
        padding-right:15px;
    }
}

@media (max-width:768px) {
    .bbdc-demo-card p {
        font-size:130%;
        letter-spacing:1.2px;
        line-height:30px;
        margin-bottom:0;
        padding-left:25px;
        padding-right:25px;
    }
}

@media (max-width:800px) and (max-height:440px) and (orientation:landscape) {
    .bbdc-demo-card p {
        font-size:120%;
        line-height:25px;
        padding-left:10px;
        padding-right:10px;
    }
}

@media (max-width:430px) {
    .bbdc-demo-card p {
        font-size:150%;
        padding-bottom:10px;
    }
}

@media (max-width:768px) {
    .bbdc-demos-grid {
        grid-template-columns:1fr;
        margin:5px 15px 15px 10px;
    }
}

@media (max-width:1310px) {
    .bbdc-demo-card {
        display:flex;
        flex-direction:column;
        justify-content:space-between;
        height:100%;
    }
}

@media (max-width:670px) and (max-height:440px) and (orientation:landscape) {
    
    .bbdc-demos-grid {
        display:grid;
        grid-template-columns:repeat(3, 1fr);
        gap:10px;
        margin:0 5px 0 5px;
    }
    
    .bbdc-demo-card {
        display:flex;
        flex-direction:column;
        justify-content:space-between;
        height:100%;
    }
    
    .bbdc-demo-card p {
        font-size:125%;
        letter-spacing:1.0px;
    }
}

@media (max-width:400px) {
    .bbdc-demo-card p {
        font-size:120%;
        letter-spacing:1.0px;
    }
}

@media only screen 
  and (max-height:320px) 
  and (orientation:landscape) {
    .bbdc-demos-grid {
        grid-template-columns:1fr;
        margin:5px 15px 15px 10px;
    }
    a.DemoLink:link, a.DemoLink:visited {
        font-size:1.6rem;
        margin-top:25px;
        margin-bottom:25px;
    }
    a.ChatLink:link, a.ChatLink:visited {
        margin-top:5px;
    }
}
 
@media only screen and (max-width:320px) {
    a.ChatLink:link, a.ChatLink:visited {
        margin-top:0;
        margin-right:20px;
        margin-bottom:5px;
    }
 }
 
.test-drive {
    background-color:#005273;
    border-top:thin #000000 solid;
    padding:20px 50px 10px 50px;
}

.test-drive h3 {
    color:#e6eef1;
    font-size:230%;
    letter-spacing:1.2px;
    margin:0;
    padding:0;
    text-align:center;
}

.test-drive p {
    color:#ffffff;
    font-size:130%;
    letter-spacing:1.2px;
    line-height:35px;
}
 
@media (min-width:1920px) {
    
    .test-drive h3 {
        font-size:255% !important;
        letter-spacing:1.5px;
    }
    
    .test-drive p {
        font-size:175% !important;
        letter-spacing:1.3px;
        line-height:45px;
    }
}

@media (max-width:800px) and (max-height:440px) and (orientation:landscape) {
    
    .test-drive h3 {
        font-size:200%;
    }
    
    .test-drive p {
        color:#ffffff;
        font-size:115%;
        letter-spacing:1.0px;
        line-height:25px;
    }
}

@media (max-width:670px) and (max-height:440px) and (orientation:landscape) {
    
     .test-drive h3 {
        font-size:180%;
    }
    
    .test-drive p {
        color:#ffffff;
        font-size:80% !important;
        letter-spacing:1.0px;
        line-height:20px;
    }
}

@media (max-width:400px) {
    
    .test-drive h3 {
        font-size:175%;
        line-height:35px;
    }
    
    .test-drive p {
        color:#ffffff;
        font-size:110% !important;
        letter-spacing:1.0px;
        line-height:25px;
        margin-left:-25px;
        margin-right:-30px;
    }
}
 
.bbdc-contact { 
    background-color:#005273;
    border-top:thick #ffffff double;
    padding-top:20px;
    padding-bottom:10px;
    text-align:center;
}

.bbdc-contact h4 {
    color:#ffffff;
    font-size:150%;
    letter-spacing:1.3px;
    line-height:55px;
    margin:0;
    padding-top:10px;
    padding-bottom:10px;
}

@media (max-width:1024px) {
    .bbdc-contact h4 {
        padding-bottom:30px;
    }
}

@media (max-width:800px) and (max-height:440px) and (orientation:landscape) {
    .bbdc-contact h4 {
        font-size:130%;
        letter-spacing:1.0px;
        line-height:35px;
        padding-bottom:50px;
    }
}

@media (max-width:670px) and (max-height:440px) and (orientation:landscape) {
    .bbdc-contact h4 {
        font-size:85%;
        line-height:30px;
        padding-bottom:20px;
    }
}

@media (max-width:430px) {
    .bbdc-contact h4 {
        font-size:160%;
        letter-spacing:1.0px;
        line-height:35px;
        padding-top:25px;
        padding-bottom:30px;
        padding-left:20px;
        padding-right:20px;
    }
}

.bbdc-contact p {
    color:#ffffff;
    font-size:165%;
    letter-spacing:1.3px;
    line-height:40px;
}

@media only screen 
  and (max-height:320px) 
  and (orientation:landscape) {
    .bbdc-contact h4 {
          font-size:170%;
        line-height:40px;
    }
}

@media only screen and (max-width:321px) {
    .bbdc-contact p {
        font-size:160%;
         letter-spacing:1.0px;
    }
}

.feature-card ul {
    list-style-position:outside;
    padding-left:30px;
    margin:0;
}

.feature-card li {
    font-size:130%;
    letter-spacing:1.2px;
    line-height:30px;
    text-align:left;
    padding-left:10px;
    text-indent:0;
    margin-bottom:15px;
}

@media (max-width:800px) and (max-height:440px) and (orientation:landscape) {
    .feature-card li {
        font-size:130%;
        letter-spacing:1.0px;
        line-height:28px;
        padding-left:10px;
        margin-left:10px;
        margin-top:15px;
    }
}

@media (max-width:768px) {
    .feature-card li {
        font-size:130%;
        letter-spacing:1.2px;
        line-height:28px;
        padding-left:10px;
    }
}

@media (max-width:670px) and (max-height:440px) and (orientation:landscape) {
    .feature-card li {
        font-size:125%;
        letter-spacing:1.0px;
        line-height:25px;
        padding-left:10px;
        margin-top:15px;
        margin-bottom:15px;
    }
}

@media only screen and (max-width:645px) {
    .feature-card li {
        padding-left:5px;
        padding-right:0;
        margin-top:15px;
    }
}

@media only screen 
  and (max-height:320px) 
  and (orientation:landscape) {
    .feature-card li {
        padding-left:15px;
        padding-right:0;
    }
}