/* =========================================
   TABLET CONTAINER
========================================= */

.container {

    max-width: 900px;

}

/* =========================================
   TABLET TYPOGRAPHY
========================================= */

h1 {
    font-size: 60px;
}

h2 {
    font-size: 44px;
}

.display-text {
    font-size: 60px;
}

/* =========================================
   TABLET NAVIGATION
========================================= */

.main-nav ul {

    display: flex;
    gap: var(--bb-space-md);

}

.hero-section {

    padding-top: var(--bb-space-xl);
    padding-bottom: var(--bb-space-xl);

}

/* =========================================
   HERO LOGO TABLET
========================================= */

.hero-logo svg {
    width: 320px;
    max-width: 90vw;
}


.hero-title{
font-size:40px;
}

.hero-subtitle{
font-size:18px;
}

/*====================================
  start Buildbrand beleif section
====================================*/


/*====================================
  End Buildbrand beleif section
====================================*/

.bb-pillars{

flex-direction:row;
flex-wrap:wrap;
justify-content:center;

gap:var(--bb-space-lg);

}

.bb-pillar{

max-width:300px;

}


/* =========================================
 start  TABLET — IS THIS FOR YOU
========================================= */

.bb-fit-header{

margin-bottom:var(--bb-space-xl);

}

.bb-fit-title{

font-size:40px;

}

.bb-fit-grid{

gap:60px;

}
/* =========================================
 End  TABLET — IS THIS FOR YOU
========================================= */


/* =========================================
Start  CONSULTATION CTA SECTION tablet overrides
========================================= */
.bb-cta-title{
font-size:44px;
}
/* =========================================
End  CONSULTATION CTA SECTION tablet overrides
========================================= */


/* =========================================
 start  PROOF / CASE STUDIES SECTION
========================================= */
.bb-case-grid{
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
}
/* =========================================
 End  PROOF / CASE STUDIES SECTION
========================================= */


/* Testimonial */
.bb-testimonial-card{
min-width:380px;
}


/* =========================================
   OUTCOME SECTION
========================================= */
.bb-outcomes-grid{

flex-direction:row;
flex-wrap:wrap;
justify-content:center;

}

.bb-outcome-card{
max-width:300px;
}


/* =========================================
Start  FOOTER
========================================= */
.bb-footer-main{

flex-direction:row;
justify-content:space-between;
align-items:flex-start;

}

.bb-footer-right{
align-items:flex-end;
}
/* =========================================
 End  FOOTER
========================================= */


/* =========================================
 start  SMART CONTACT (SECONDARY)
========================================= */
.bb-contact-lite-inner{

flex-direction:row;
justify-content:space-between;
align-items:center;

}

.bb-contact-lite-form{
max-width:320px;
width:100%;
}
/* =========================================
 End  SMART CONTACT (SECONDARY)
========================================= */