section.bJournalThumbs .container {

    width:85vw;
    margin:0 auto;

}

section.bJournalThumbs .thumb {

    display: inline-block;
    position: relative;

}

section.bJournalThumbs .type1 {

    width:57vw;
    /* background-color: bisque; */
    vertical-align: top;
    padding-right: 5vw;

}

section.bJournalThumbs .type1 .cImage{

    height:30vw;

}

section.bJournalThumbs .type1 h1,
section.bJournalThumbs .type1 hr,
section.bJournalThumbs .type1 .description {

    width:50%;

}

section.bJournalThumbs .type3 h1,
section.bJournalThumbs .type3 hr,
section.bJournalThumbs .type3 .description,
section.bJournalThumbs .type3 .buttonLink {

    width:28vw;
    margin-left: 24vw;
    padding-right: 5vw;

}

section.bJournalThumbs .type3 hr {

    width:48%;

}

section.bJournalThumbs .type2 {

    width:28vw;
    top:15vw;
    padding-left: 1vw;

}

section.bJournalThumbs .type2 .cImage{

    width:28vw;
    height:33vw;

}

section.bJournalThumbs .type3 {

    width:57vw;
    /* background-color: bisque; */
    vertical-align: top;
    padding-right: 5vw;

}

section.bJournalThumbs .type3 .cImage{

    width:28vw;
    height:28vw;
    margin-left: 24vw;

}

section.bJournalThumbs h1{

    font-size: 2.25vw;
    line-height: 1.25; 
    padding-top: 4vw; 
    padding-bottom: 0.5vw;

}

section.bJournalThumbs hr{

    height: 1px; 
    background-color: black;
    border: none; 

}

section.bJournalThumbs.colouredBackground hr{

    background-color: white;

}

section.bJournalThumbs .description{

    padding-top: 1vw;

}

section.bJournalThumbs .buttonLink {

    padding-top: 2vw;

}

/* Mobile */

section.bJournalThumbs.breakPointMobile .thumb {

    width:100%;
    display: block;
    position: relative;
    padding:0;
    top:auto;
 
}

section.bJournalThumbs.breakPointMobile .cImage{

    width:100%;
    height:60vw;
    margin:0;
    padding:0;

}

section.bJournalThumbs.breakPointMobile h1  {

    font-size: 8vw;
    padding-top: 5vw; 
    padding-bottom: 2vw;
    margin:0;
    width:75%;

}

section.bJournalThumbs.breakPointMobile hr {

    margin:0;
    width:75%;

}

section.bJournalThumbs.breakPointMobile .description {

    padding-top: 5vw;
    margin:0; 
    width:75%;

}

section.bJournalThumbs.breakPointMobile .buttonLink  {

    padding-top: 5vw;
    margin:0; 
    width:75%;
    padding-bottom: 10vw;
    
}

section.bJournalThumbs.breakPointMobile .thumb:last-of-type .buttonLink  {

    padding-bottom: 0;
    
}

/* max */

section.bJournalThumbs.breakPointDesktopLarge .container {

    width:1360px;

}

section.bJournalThumbs.breakPointDesktopLarge .type1 {

    width:918px;
    padding-right: 83px;

}

section.bJournalThumbs.breakPointDesktopLarge .type1 .cImage{

    height:480px;

}

section.bJournalThumbs.breakPointDesktopLarge .type2 {

    width:442px;
    top:240px;
    padding-left: 0;

}

section.bJournalThumbs.breakPointDesktopLarge .type2 .cImage{

    width:442px;
    height:528px;

}

section.bJournalThumbs.breakPointDesktopLarge .type3 {

    width:835px;

}

section.bJournalThumbs.breakPointDesktopLarge .type3 .cImage{

    width:442px;
    height:442px;
    margin-left: 393px;

}

section.bJournalThumbs.breakPointDesktopLarge h1 {

    font-size: 36px;
    padding-top: 65px;
    padding-bottom: 5px;

}

section.bJournalThumbs.breakPointDesktopLarge .thumb.type3 h1,
section.bJournalThumbs.breakPointDesktopLarge .thumb.type3 .description,
section.bJournalThumbs.breakPointDesktopLarge .thumb.type3 hr,
section.bJournalThumbs.breakPointDesktopLarge .thumb.type3 .buttonLink {

    margin-left: 393px;
    width:442px;

}

section.bJournalThumbs.breakPointDesktopLarge .description{

    padding-top: 16px;

}

section.bJournalThumbs.breakPointDesktopLarge .buttonLink {

    padding-top: 32px;

}