section.bThumbs .outer {

    width:85vw;
    margin:0 auto 0 auto;

}

section.bThumbs .inner {

    width:88vw;
    margin:0 auto 0 auto;

}

section.bThumbs .thumb {

    display: inline-block;
    width:28vw;
    height:38vw;
    color:white;
    margin:0 1vw 0 0;
    overflow:hidden;
    position: relative;

}

section.bThumbs .thumb .cImage,
section.bThumbs .thumb .cVideo,
section.bThumbs .thumb table {

    width:28vw;
    height:38vw;
    position: absolute;
    top:0;
    left:0;

}

section.bThumbs .cText {

    font-size: 2.5vw;
    line-height: 1.25;

}

section.bThumbs .thumb .buttonLinkContainer {

    position: absolute;
    bottom:3vw;
    left:0;
    width:100%;
    text-align: center;

}

section.bThumbs .thumbIntroText {

    padding: 0 0 calc( var( --sitePaddingPad ) * 2 ) 0;
    font-size: 1.4vw;
    line-height: 1.25;

}

section.bThumbs .thumbIntroText hr {

    border-top: 1px solid black;
    width:66px;
    margin:calc( var( --sitePaddingPad ) * 2 ) auto 0 auto;

}

section.bThumbs.colouredBackground .thumbIntroText hr {

    border-top: 1px solid white;
    width:66px;
    margin:calc( var( --sitePaddingPad ) * 2 ) auto 0 auto;

}

/* mobile */

section.bThumbs.breakPointMobile .inner {

    width:88vw;
    overflow-x: hidden;
    margin:0 auto 0 auto;

}

section.bThumbs.breakPointMobile .thumb {

    display: block;
    width:85vw;
    height:85vw;
    margin:0 0 5vw 0;

}

section.bThumbs.breakPointMobile .thumb .cImage,
section.bThumbs.breakPointMobile .thumb .cVideo,
section.bThumbs.breakPointMobile .thumb table {

    width:85vw;
    height:85vw;

}

section.bThumbs.breakPointMobile .thumb .buttonLinkContainer {

    bottom:5vw;

}

section.bThumbs.breakPointMobile .cText {

    font-size: 8vw;

}

section.bThumbs.breakPointMobile .thumbIntroText {

    padding: 0 0 calc( var( --sitePaddingMobile ) * 2 ) 0;
    font-size: 4vw;
    line-height: 5vw;

}

section.bThumbs.breakPointMobile .thumbIntroText hr {

    margin: calc( var( --sitePaddingMobile ) * 2 ) auto 0 auto;

}

/* max */

section.bThumbs.breakPointDesktopLarge .outer {

    width:1360px;

}

section.bThumbs.breakPointDesktopLarge .inner {

    width:1378px;
    margin:0 auto 0 auto;

}

section.bThumbs.breakPointDesktopLarge .thumb {

    margin: 0 17px 0 0;

}

section.bThumbs.breakPointDesktopLarge .thumb,
section.bThumbs.breakPointDesktopLarge .thumb .cImage,
section.bThumbs.breakPointDesktopLarge .thumb .cVideo,
section.bThumbs.breakPointDesktopLarge .thumb table {

    width:442px;
    height:600px;

}

section.bThumbs.breakPointDesktopLarge .thumb .buttonLinkContainer {

    bottom: 50px;

}

section.bThumbs.breakPointDesktopLarge .cText {

    font-size: 40px;
    line-height: 50px;

}

section.bThumbs.breakPointDesktopLarge .thumbIntroText {

    padding: 0 0 calc( var( --sitePaddingDesktopLarge ) * 2 ) 0;
    font-size: 22px;
    line-height: 28px;

}

section.bThumbs.breakPointDesktopLarge .thumbIntroText hr {

    margin:calc( var( --sitePaddingDesktopLarge ) * 2 ) auto 0 auto;

}