/* Grids / Cells / Columns */
.bs-tab .gridCell {display: grid; grid-template-columns: repeat(12, 1fr); grid-template-rows: auto; justify-content: center; align-content: center;}
.bs-tab [class^="column"] {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; position: relative; grid-column: span 12; grid-row: auto;}    

html:not(.desktop) .bs-tab .column2 {grid-column: span 4;}
html:not(.desktop) .bs-tab .column3 {grid-column: span 6;}
html:not(.desktop) .bs-tab .column4, html:not(.desktop) .bs-tab .column6, html:not(.desktop) .bs-tab .column6Centre, html:not(.desktop) .bs-tab .column8, html:not(.desktop) .bs-tab .column8Centre, html:not(.desktop) .bs-tab .column10, html:not(.desktop) .bs-tab .column10Alt, html:not(.desktop) .bs-tab .column12 {grid-column: span 12;} 

.desktop .bs-tab .column2 {grid-column: span 2;}
.desktop .bs-tab .column3 {grid-column: span 3;}
.desktop .bs-tab .column4 {grid-column: span 4;}
.desktop .bs-tab .column6 {grid-column: span 6;}
.desktop .bs-tab .column6Centre {grid-column: 4 / 10; width: 375px; margin-left: auto; margin-right: auto;}
.desktop .bs-tab .column8 {grid-column: span 8;}
.desktop .bs-tab .column8Centre {grid-column: 3 / 11;}
.desktop .bs-tab .column10 {width: 750px; margin-left: auto; margin-right: auto;}
.desktop .bs-tab .column10Alt {grid-column: span 10;}
.desktop .bs-tab .column12 {grid-column: span 12;} 

.bs-tab .verticalTop {align-items: flex-start; align-content: flex-start;}
.bs-tab .verticalBottom {align-items: flex-end; align-content: flex-end}
.bs-tab .noFlex {display: block;}
.bs-tab .columnSquare:before {content: ''; padding-bottom: 100%;}
.bs-tab .columnRectangle:before {content: ''; padding-bottom: 133.33%;}
.desktop .bs-tab .gridCell .desktopLayoutSwitch {grid-column: 1 / 7; grid-row: 1;}
.bs-tab .gridCell .centreBox {width: 100%;}

/* Column & Row Gaps */
html:not(.desktop) .bs-tab .columnGap8 {column-gap: 2vw;} 
html:not(.desktop) .bs-tab .columnGap, html:not(.desktop) .bs-tab .columnGap16 {column-gap: 4.25vw;}
html:not(.desktop) .bs-tab .columnGap24 {column-gap: 6.4vw;}
html:not(.desktop) .bs-tab .columnGap32, html:not(.desktop) .bs-tab .columnGap48, html:not(.desktop) .bs-tab .columnGap56, html:not(.desktop) .bs-tab .columnGap64 {column-gap: 8.9vw;}

html:not(.desktop) .bs-tab .rowGap8 {row-gap: 2vw;}
html:not(.desktop) .bs-tab .rowGap, html:not(.desktop) .bs-tab .rowGap16 {row-gap: 4.25vw;}  
html:not(.desktop) .bs-tab .rowGap24 {row-gap: 6.4vw;} 
html:not(.desktop) .bs-tab .rowGap32 {row-gap: 8.9vw;} 
html:not(.desktop) .bs-tab .rowGap48 {row-gap: 12.8vw;} 
html:not(.desktop) .bs-tab .rowGap56 {row-gap: 15vw;} 
html:not(.desktop) .bs-tab .rowGap64 {row-gap: 16.9vw;}

.desktop .bs-tab .columnGap {column-gap: 14px;}
.desktop .bs-tab .columnGap8 {column-gap: 8px;}
.desktop .bs-tab .columnGap16 {column-gap: 16px;}
.desktop .bs-tab .columnGap24 {column-gap: 24px;} 
.desktop .bs-tab .columnGap32 {column-gap: 32px;}  
.desktop .bs-tab .columnGap48 {column-gap: 48px;} 
.desktop .bs-tab .columnGap56 {column-gap: 56px;}    
.desktop .bs-tab .columnGap64 {column-gap: 64px;} 
          
.desktop .bs-tab .rowGap8 {row-gap: 8px;}
.desktop .bs-tab .rowGap, .desktop .bs-tab .rowGap16 {row-gap: 16px;} 
.desktop .bs-tab .rowGap24 {row-gap: 24px;}
.desktop .bs-tab .rowGap32 {row-gap: 32px;}
.desktop .bs-tab .rowGap48 {row-gap: 48px;}
.desktop .bs-tab .rowGap56 {row-gap: 56px;}
.desktop .bs-tab .rowGap64 {row-gap: 64px;}

/* Responsive Images */
.bs-tab .gridCell .bsCell__img {position: relative; height: 0; overflow: hidden;}
.bs-tab .gridCell .bsCell__img img {position: absolute; top: 0; left: 0; width: 100%; height: auto;}  
.bs-tab .gridCell .bsCell__img.imgSquare {padding-bottom: 100%;}
.bs-tab .gridCell .bsCell__img.imgRectangle {padding-bottom: 133.33%;}
.bs-tab .gridCell .bsCell__img.speechMark {width: 60px; padding-bottom: 49px;}

/* Padding Top & Bottom */
html:not(.desktop) .bs-tab .padding8 {padding: 2vw 0vw;}
html:not(.desktop) .bs-tab .padding16 {padding: 4.25vw 0vw;}
html:not(.desktop) .bs-tab .padding24 {padding: 6.4vw 0vw;}
html:not(.desktop) .bs-tab .padding32 {padding: 8.9vw 0vw;}  
html:not(.desktop) .bs-tab .padding48 {padding: 12.8vw 0vw;}  
html:not(.desktop) .bs-tab .padding56 {padding: 15vw 0vw;}  
html:not(.desktop) .bs-tab .padding64 {padding: 16.9vw 0vw;}     

.desktop .bs-tab .padding8 {padding: 8px 0px;}
.desktop .bs-tab .padding16 {padding: 16px 0px;}
.desktop .bs-tab .padding24 {padding: 24px 0px;}
.desktop .bs-tab .padding32 {padding: 32px 0px;}
.desktop .bs-tab .padding48 {padding: 48px 0px;}
.desktop .bs-tab .padding56 {padding: 56px 0px;}
.desktop .bs-tab .padding64 {padding: 64px 0px;}

/* Padding All */
html:not(.desktop) .bs-tab .paddingAll8 {padding: 2vw;}
html:not(.desktop) .bs-tab .paddingAll16 {padding: 4.25vw;}
html:not(.desktop) .bs-tab .paddingAll24 {padding: 6.4vw;}
html:not(.desktop) .bs-tab .paddingAll32 {padding: 8.9vw;}
html:not(.desktop) .bs-tab .paddingAll48 {padding: 12.8vw;} 
html:not(.desktop) .bs-tab .paddingAll56 {padding: 15vw;}
html:not(.desktop) .bs-tab .paddingAll64 {padding: 16.9vw;}

.desktop .bs-tab .paddingAll8 {padding: 8px;}
.desktop .bs-tab .paddingAll16 {padding: 16px;}
.desktop .bs-tab .paddingAll24 {padding: 24px;}
.desktop .bs-tab .paddingAll32 {padding: 32px;}
.desktop .bs-tab .paddingAll48 {padding: 48px;}
.desktop .bs-tab .paddingAll56 {padding: 56px;}
.desktop .bs-tab .paddingAll64 {padding: 64px;}

html:not(.desktop) .bs-tab .paddingAll32.columnGap32,
html:not(.desktop) .bs-tab .paddingAll32.columnGap64,
html:not(.desktop) .bs-tab .paddingAll64.columnGap32,
html:not(.desktop) .bs-tab .paddingAll64.columnGap64 {column-gap: 4.25vw;}

.desktop .bs-tab .paddingAll32.columnGap64,
.desktop .bs-tab .paddingAll64.columnGap64 {column-gap: 56px;}

/* Copy */    
.bs-tab .contentBannerCopy {width: 100%;}

/* Sliders */
.bs-tab .gridCell [id^="sliderTarget--"] {width: 100%;}
.desktop .bs-tab .gridCell [id^="sliderTarget--"] {width: 764px;}
.desktop .bs-tab .gridCell .column6 [id^="sliderTarget--"] {width: 375px;}