section.bArticle .container {

    width:85vw;
    margin:0 auto;

}

/* format One */

section.bArticle .formatOne.image1Caption {

    display: inline-block;
    width:17%;
    height:30vw;
    padding-left: 2vw;
    vertical-align: top;
    position: relative;

}

section.bArticle .formatOne.image1Caption p {

    position: absolute;
    bottom:0;

}

section.bArticle .formatOne.image2Caption {

    display: block;
    width:25%;
    height:auto;
    position: absolute;
    left:0;
    top:62.5vw; /* relative to whole section */

}

section.bArticle .formatFour.image1Caption {

    display: inline-block;
    width:17%;
    height:40vw;
    padding-left: 2vw;
    padding-right: 3vw;
    margin-right: 1vw;
    vertical-align: top;

}

section.bArticle .formatSeven.image1Caption {

    display: inline-block;
    width:17%;
    height:40vw;
    padding-left: 2vw;
    padding-right: 3vw;
    margin-right: 1vw;
    vertical-align: top;

}

section.bArticle .formatFour.spacer {

    display: inline-block;
    width:18%;

}

section.bArticle .formatSeven.spacer {

    display: inline-block;
    width:18%;

}

/* All */

section.bArticle .articleImage {

    vertical-align: top;
    display: inline-block;
    height:30vw;

}

section.bArticle .articleImage.type1 {

    width:83%;
    margin-bottom: calc( var( --sitePaddingPad ) * 2 );

}

section.bArticle .articleImage.type2 {

    width:25%;

}

section.bArticle .articleImage.type3 {

    width:100%;
    height:40vw;
    margin-bottom: calc( var( --sitePaddingPad ) * 2 );

}

section.bArticle .articleImage.type4 {

    width:50%;
    height:40vw;

}

section.bArticle .formatFour.articleImage.type4 {

    margin-bottom: calc( var( --sitePaddingPad ) * 2 );

}

section.bArticle .formatSeven.articleImage.type4 {

    margin-bottom: calc( var( --sitePaddingPad ) * 2 );
    padding-left: 1vw;

}

section.bArticle .articleText {

    display: inline-block;
    height:auto;
    vertical-align: top;
    font-size: 1.25vw;
    line-height: 1.25;

}

section.bArticle .articleText.type1 {

    width:75%;
    padding-left: 8vw;

}

section.bArticle .articleText.type2 {

    width:27vw;

}

section.bArticle .articleText.type3 {

    width:29vw;
    padding-left: 2vw;

}

section.bArticle .articleText.type4 {

    width:50%;
    padding-left: 18.25%;

}

section.bArticle .formatSeven.articleText.type4 {

    display: inline-block;
    padding-left: 1.1vw;
    padding-right: 17%;

}

section.bArticle .articleText.type5 {

    width:25%;
    font-size: 3vw;
    line-height: 1.2;   

}

section.bArticle .articleText.type5 h1 {

    font-size: 3vw;
    line-height: 1.2;   

}

section.bArticle .articleText.type6 {

    width:25%;
    font-size: 1.2vw;
    line-height: 1.2; 

}

section.bArticle .formatOne.articleImage.type2 {

    padding-bottom: 5vw;

}


section.bArticle .formatFour.articleText.type4 {

    width:50%;
    padding-left: 0;
    padding-right: 17%;

}

section.bArticle .formatFive.articleText.type1 .caption {

    margin-top: 2vw;

}

section.bArticle .caption {

    font-size: 1.1vw;
    line-height: 1.25;

}

section.bArticle .quote {

    font-size: 2vw;
    line-height: 1.25;

}

section.bArticle .quote .caption {

    margin-top: 2vw;

}

/* Mobile */

section.bArticle.breakPointMobile .caption.noCaption {

    display: none;

}

section.bArticle.breakPointMobile .cText.noText {

    display: none;

}

section.bArticle.breakPointMobile .image1Caption {

    display: block;
    width:100%;
    height:auto;
    padding-left: 0;
    margin-bottom: 5vw;

}

section.bArticle.breakPointMobile .formatOne.image1Caption p {

    position: relative;
    bottom:auto;

}

section.bArticle.breakPointMobile .image2Caption {

    width:100%;
    height:auto;
    position: relative;
    left:auto;
    top:auto;
    margin-bottom: 5vw;

}

section.bArticle.breakPointMobile .formatOne.articleImage.type2 {

    margin-bottom: 0;

}

section.bArticle.breakPointMobile .formatFour.spacer {

    display: none;

}

section.bArticle.breakPointMobile  .formatFour.articleText.type4 {

    width:100%;
    padding: 0;

}

/* All Mobile */

section.bArticle.breakPointMobile .articleImage {

    display: block;
    width:100%;
    height:60vw;
    margin-bottom: 5vw;

}

section.bArticle.breakPointMobile .articleText {

    display: block;
    width:100%;
    padding:0;
    font-size: 4vw;
    margin-bottom: 5vw;

}

section.bArticle.breakPointMobile .articleText:last-of-type {

    margin-bottom: 0;

}

section.bArticle.breakPointMobile .articleText.type5 {

    font-size: 8vw;

}

section.bArticle.breakPointMobile .articleText.type5 h1 {

    font-size: 8vw;

}

section.bArticle.breakPointMobile .caption {

    font-size: 3vw;

}

section.bArticle.breakPointMobile .quote {

    font-size: 6vw;
    line-height: 1.25;

}

section.bArticle.breakPointMobile .quote .caption {

    margin-top: 2vw;
    padding-bottom: 5vw;

}

section.bArticle.breakPointMobile .formatFive.articleText.type1 .caption {

    margin-top: 5vw;

}

/* max */

section.bArticle.breakPointDesktopLarge .articleImage {

    height:480px;

}

section.bArticle.breakPointDesktopLarge .articleText {

    font-size: 22px;
    line-height: 28px;

}

section.bArticle.breakPointDesktopLarge .quote {

    font-size: 35px;
    line-height: 42px;

}

section.bArticle.breakPointDesktopLarge .caption {

    font-size: 17px;
    line-height: 21px;

}

section.bArticle.breakPointDesktopLarge .quote .caption {

    margin-top: 32px;

}

section.breakPointDesktopLarge .bArticle .container {

    width:1360px;

}

section.bArticle.breakPointDesktopLarge .articleText.type1 {

    padding-left: 120px;

}

section.bArticle.breakPointDesktopLarge .articleImage.type1 {

    width:1118px;
    margin-bottom: calc( var( --sitePaddingDesktopLarge ) * 2 );

}

section.bArticle.breakPointDesktopLarge .articleText.type2 {

    width: 427px;

}

section.bArticle.breakPointDesktopLarge .articleText.type3 {

    width: 460px;
    padding-left: 32px;

}

section.bArticle.breakPointDesktopLarge .articleImage.type2 {

    width:340px;

}

section.bArticle.breakPointDesktopLarge .articleImage.type3 {

    width: 1360px;
    margin-bottom: calc( var( --sitePaddingDesktopLarge ) * 2 );

}

section.bArticle.breakPointDesktopLarge .articleText.type4 {


    padding-left: 17.5%;

}

section.bArticle.breakPointDesktopLarge .formatSeven.articleText.type4 {

    width:calc( 50% - 10px );
    padding-left: 0;
    padding-right: 17%;

}

section.bArticle.breakPointDesktopLarge .formatFour.articleText.type4 {

    width:50%;
    padding-left: 0!important;
    padding-right: 17%;

}

section.breakPointDesktopLarge .bArticle .articleText.type5,
section.breakPointDesktopLarge .bArticle .articleText.type5 h1 {

    font-size: 42px;

}

section.bArticle.breakPointDesktopLarge .formatOne.image1Caption {

    width: 242px;
    height: 480px;
    padding-left: 32px;

}

section.bArticle.breakPointDesktopLarge .formatOne.articleImage.type2 {

    padding-bottom: 76px;

}

section.bArticle.breakPointDesktopLarge .formatOne.image2Caption {

    width:340px;
    top: 1004px;

}

section.bArticle.breakPointDesktopLarge .formatFour.articleImage.type4 {

    margin-bottom: calc( var( --sitePaddingDesktopLarge ) * 2 );
    height: 640px;

}

section.bArticle.breakPointDesktopLarge .formatSeven.articleImage.type4 {

    margin-bottom: 85px;
    height: 640px;
    padding-left: 10px;

}

section.bArticle.breakPointDesktopLarge .formatFour.image1Caption {

    width:17%;
    height:480px;
    padding-left: 32px;
    padding-right: 48px;
    margin-right: 8px;

}

section.bArticle.breakPointDesktopLarge .formatSeven.image1Caption {

    width:17%;
    height:480px;
    padding-left: 64px;
    padding-right: 32px;
    margin-right: 0;
    margin-left: 20px;

}

section.bArticle.breakPointDesktopLarge .formatFour.spacer {

    width:17.5%;

}

section.bArticle.breakPointDesktopLarge .formatSeven.spacer {

    width:19.3%;

}

section.bArticle.breakPointDesktopLarge .formatFive.articleText.type1 .caption {

    margin-top: 32px;
    
}
