section {

    width:100%;
    margin: 0 auto;
    padding: var( --sitePaddingPad ) 0 var( --sitePaddingPad ) 0;
 
}

section:first-of-type {

    padding: calc( var( --sitePaddingPad ) * 2 ) 0 var( --sitePaddingPad ) 0;
 
}

section:last-of-type {

    padding: var( --sitePaddingPad ) 0 calc( var( --sitePaddingPad ) * 2 ) 0;
 
}

section.colouredBackground {

    padding: calc( var( --sitePaddingPad ) * 2 ) 0 calc( var( --sitePaddingPad ) * 2 ) 0;
    margin: var( --sitePaddingPad ) auto var( --sitePaddingPad ) auto;
 
}

section:first-of-type.colouredBackground {

    padding: calc( var( --sitePaddingPad ) * 2 ) 0 calc( var( --sitePaddingPad ) * 2 ) 0;
    margin: 0 auto var( --sitePaddingPad ) auto;
 
}

section:last-of-type.colouredBackground {

    padding: calc( var( --sitePaddingPad ) * 2 ) 0 calc( var( --sitePaddingPad ) * 2 ) 0;
    margin: var( --sitePaddingPad ) auto 0 auto;
 
}

section.colouredBackground {

    width:100%;
    background-color: #2F412A;
    color:#ffffff;
 
}

section .container {

    margin:0 auto;

}

/* mobile */

section.breakPointMobile {

    margin: 0 auto;
    padding: var( --sitePaddingMobile ) 0 var( --sitePaddingMobile ) 0;
 
}

section:first-of-type.breakPointMobile {

    padding: calc( var( --sitePaddingMobile ) * 2 ) 0 var( --sitePaddingMobile ) 0;
 
}

section:last-of-type.breakPointMobile {

    padding: var( --sitePaddingMobile ) 0 calc( var( --sitePaddingMobile ) * 2 ) 0;
 
}

section.colouredBackground.breakPointMobile {

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

section:first-of-type.colouredBackground.breakPointMobile {

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

section:last-of-type.colouredBackground.breakPointMobile {

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

/* max */

section.breakPointDesktopLarge {

    margin: 0 auto;
    padding: var( --sitePaddingDesktopLarge ) 0 var( --sitePaddingDesktopLarge ) 0;
 
}

section:first-of-type.breakPointDesktopLarge {

    padding: calc( var( --sitePaddingDesktopLarge ) * 2 ) 0 var( --sitePaddingDesktopLarge ) 0;
 
}

section:last-of-type.breakPointDesktopLarge {

    padding: var( --sitePaddingDesktopLarge ) 0 calc( var( --sitePaddingDesktopLarge ) * 2 ) 0;
 
}

section.colouredBackground.breakPointDesktopLarge {

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

section:first-of-type.colouredBackground.breakPointDesktopLarge {

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

section:last-of-type.colouredBackground.breakPointDesktopLarge {

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