.coloured-feature-box{
    position: relative;
    color: #fff;
	padding: 20px;
	display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    background-color: #3071b3;
    margin-bottom: 10px;
}
.coloured-feature-box[data-colour="NTEC"]{    background-color:  #f3e0dc;}
.coloured-feature-box[data-colour="Blue"]{   background-color: #4285F4;}
.coloured-feature-box[data-colour="Red"]{   background-color: #BC4639;}

.coloured-feature-box[data-colour="NTEC"] h2{    color:  #5C2018}
.coloured-feature-box[data-colour="Blue"] h2{   color: #ffffff;}
.coloured-feature-box[data-colour="Red"] h2{   color: #ffffff;}

.coloured-feature-box[data-colour="NTEC"] p{    color:  #5C2018}
.coloured-feature-box[data-colour="Blue"] p{   color: #ffffff;}
.coloured-feature-box[data-colour="Red"] p{   color: #ffffff;}

.coloured-feature-box a {
    color:#fff !important; 
}
.coloured-feature-box__btn-wrapper{
	width: 18%;
}
.coloured-feature-box__btn{
	background-color: #BC4639;
	display: inline-block;
	margin-bottom: 10px;
	padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	text-decoration: none !important;
}

.coloured-feature-box__btn[data-button-colour="NTEC"] {    background-color:  #f3e0dc; color: #5C2018!important;}
.coloured-feature-box__btn[data-button-colour="Blue"] {  background-color: #4285F4;}
.coloured-feature-box__btn[data-button-colour="Red"] {   background-color: #BC4639;}

.coloured-feature-box__btn a:link{
    color:#fff;   
}
.coloured-feature-box[data-button="right"] .coloured-feature-box__btn-wrapper{
    order: 2;
    width: 18%;
}
.coloured-feature-box__btn:hover{
	text-decoration: underline;
	color:#ffffff;
}
.coloured-feature-box__heading-wrapper{
	width: 82%;
}
.coloured-feature-box__heading-wrapper *{
	margin: 0 !important;
	color: #fff;
}
.coloured-feature-box__heading{
	margin-bottom: 10px !important;
}

@media (max-width: 543px) {
	.coloured-feature-box__btn-wrapper,
	.coloured-feature-box__heading-wrapper {
		width: 100%;
	}
    .coloured-feature-box[data-button="right"] .coloured-feature-box__btn-wrapper{
        order: 1;
        width: 100%;
        padding-left: 0;
    }
}