.colour-box-grid{overflow:hidden}.colour-box-grid>div{margin:.3125rem -.3125rem}.colour-box-grid>div>*{margin:.3125rem}.colour-box-grid.colour-box-grid--2>div,.colour-box-grid.colour-box-grid--3>div,.colour-box-grid.colour-box-grid--4>div{display:flex;flex-wrap:wrap}.colour-box-grid.colour-box-grid--2>div>*{width:-webkit-calc(50% - .625rem);width:calc(50% - .625rem)}.colour-box-grid.colour-box-grid--3>div>*{width:-webkit-calc(33.33% - .625rem);width:calc(33.33% - .625rem)}.colour-box-grid.colour-box-grid--4>div>*{width:-webkit-calc(25% - .625rem);width:calc(25% - .625rem)}.colour-box{position:relative}.colour-box .colour-box__img{position:absolute;top:0;left:0;right:0;bottom:0}.colour-box .colour-box__img:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(172,142,53,0.9)}.colour-box .colour-box__content{position:relative;z-index:2;color:#fff;padding:3.125rem 1.875rem}.colour-box .colour-box__inner{max-width:660px;margin:auto}.colour-box .colour-box__title{font-weight:400;font-family:"Bebas Neue W01 Regular",sans-serif;margin:0 0 .9375rem;padding-bottom:.625rem;line-height:120%;color:#fff;position:relative;display:inline-block;font-size:36px}@media(min-width:320px) and (max-width:1140px){.colour-box .colour-box__title{font-size:calc( 36px + 14 * (100vw - 320px) / (1140 - 320))}}@media(min-width:1141px){.colour-box .colour-box__title{font-size:3.125rem}}.colour-box .colour-box__title:after{content:'';height:5px;width:100%;position:absolute;left:0;bottom:0;background:#fff}.colour-box .colour-box__button{margin-top:1.875rem;color:#fff;border-color:#fff}.colour-box[data-clickable]:hover .colour-box__button,.colour-box .colour-box__button:hover{color:#2b2b2b;border-color:#2b2b2b}.colour-box:nth-child(even) .colour-box__img:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(43,43,43,0.9)}.colour-box:nth-child(even) .colour-box__button{border-color:#ac8e35}.colour-box:nth-child(even)[data-clickable]:hover .colour-box__button,.colour-box:nth-child(even) .colour-box__button:hover{color:#ac8e35;border-color:#ac8e35}.colour-box p{font-size:17px}@media(min-width:320px) and (max-width:1140px){.colour-box p{font-size:calc( 17px + 3 * (100vw - 320px) / (1140 - 320))}}@media(min-width:1141px){.colour-box p{font-size:1.25rem}}@media screen and (min-width:1140px){.colour-box .colour-box__content{padding:6.25rem 3.125rem}.colour-box .colour-box__button{margin-top:3.125rem}}