.key-benefits{padding: 100px 0px; background: #0e1b29;}
.key-benefits .title{text-align: center; margin-bottom: 20px; margin-top: 0px;}
.key-benefits .benefits{display: flex;flex-wrap: wrap; max-width: 90%; margin: 40px auto; max-width: 1200px;}
.key-benefits .benefits .benefit{width: calc(100% * (1/3) - 80px); margin: 40px; color: #00a9e0; font-weight: 700;}
.key-benefits .bulleted li a{color: white;}
.key-benefits .bulleted li a:hover{color: #00a9e0;}
.key-benefits .bulleted li:before{color: #00a9e0;}

@media(max-width: 1920px){
	.key-benefits{padding: 50px 0px;}
	.key-benefits .title{margin-bottom: 40px;}
	.key-benefits .benefits{margin: auto;}
	.key-benefits .benefits .benefit{width: calc(100% * (1/3) - 40px); margin: 20px; }
}

@media(max-width: 1200px){
	.key-benefits .benefits .benefit {width: calc(100% * (1/3) - 20px);margin: 20px 10px;}
}

@media (max-width: 1024px){
	.key-benefits .benefits .benefit {width: calc(100% * (1/3) - 20px);	}
}

@media (max-width: 768px){
	.key-benefits .benefits .benefit {width: calc(100% * (1/2) - 20px);	}
}

@media (max-width: 600px){
	.key-benefits .benefits{width: 300px;}
	.key-benefits .benefits .benefit {width: 100%;}
}