.grid-item.colour-content-container{display:flex;flex-wrap:wrap;justify-content:space-between}.grid-item.colour-content-container .colour-content-text{flex-basis:100%}@media screen and (min-width:768px){.grid-item.colour-content-container .colour-content-text.has-img{flex-basis:calc(50% - 20px)}}.grid-item.colour-content-container .colour-content-img{flex-basis:100%;align-self:flex-start;width:100%;height:auto}@media screen and (min-width:768px){.grid-item.colour-content-container .colour-content-img{flex-basis:calc(50% - 20px)}}.colours-container.design-box-colour-container .colour-tile{cursor:pointer}@media screen and (max-width:767px){.colours-container.design-box-colour-container>div:nth-of-type(3n) .colour-inner-tile{left:unset;right:0}}@media screen and (min-width:768px) and (max-width:1023px){.colours-container.design-box-colour-container{grid-template-columns:repeat(6,minmax(0,1fr))}.colours-container.design-box-colour-container.has-text{grid-template-columns:repeat(5,minmax(0,1fr));column-gap:15px;row-gap:15px}.colours-container.design-box-colour-container.has-text .colour-tile.show .colour-inner-tile{width:calc(300% + 30px);height:calc(300% + 30px)}.colours-container.design-box-colour-container>div:nth-of-type(5n-1) .colour-inner-tile,.colours-container.design-box-colour-container>div:nth-of-type(5n) .colour-inner-tile{left:unset;right:0}}@media screen and (min-width:1024px){.colours-container.design-box-colour-container{grid-template-columns:repeat(11,minmax(0,1fr))}.colours-container.design-box-colour-container.has-text{grid-template-columns:repeat(8,minmax(0,1fr))}.colours-container.design-box-colour-container>div:nth-of-type(11n-1) .colour-inner-tile,.colours-container.design-box-colour-container>div:nth-of-type(11n) .colour-inner-tile{left:unset;right:0}}li.full-list{display:none}.colour-selection-container{display:flex;justify-content:space-between;max-width:800px}.colour-selection-button{flex-basis:calc(50% - 5px);padding:20px 20px 10px 20px;border:1px solid #999;cursor:pointer}@media screen and (min-width:768px){.colour-selection-button{flex-basis:calc(50% - 10px)}}.colour-selection-button.active.altherm{background-color:#89352c;color:#fff;border:1px solid #89352c}.colour-selection-button.active.vantage{background-color:#b99a3f;color:#fff;border:1px solid #b99a3f}.colour-selection-button.active.first{background-color:#1bada7;color:#fff;border:1px solid #1bada7}@media screen and (max-width:768px){.design-box-colour-text .normal p{font-size:14px}}