.sub-navigation.coce-nav {
	/* 	*IE FALLBACK */
	display: table;
	width: 100%;
/* 	*IE FALLBACK */
	display: grid;
	grid-template-columns: 1fr 1fr;
/* 	grid-template-columns: 1fr 1fr 1fr 1fr; */
	grid-column-gap: 1px;
	grid-row-gap: 1px;
	/* width: 100%; */
/* 	margin: 0; */
}

.sub-navigation {
    justify-content: center;
	grid-template-columns: repeat(3, 1fr);
}

.sub-navigation .sub-navigation__link {
/* 	width: calc((100% / 3) - 2rem); */
}

.sub-navigation.coce-nav .coce-nav__item {
/* 	*IE FALLBACK */
    width: auto;
     display: table-cell;
     /* 	*IE FALLBACK */
/*     background: #036; */
    transition: background .4s ease, transform .2s ease-in-out;
    margin-bottom: 0;
	padding: 0;
	margin-right: 0;
}

.sub-navigation.coce-nav .coce-nav__item a {
    color: #FFF;
    font-size: 1.2em;
    line-height: 80px;
}

.sub-navigation.coce-nav .coce-nav__item:hover {
	background: #0056a7;
	transform: scale(1.05);
	box-shadow: 0 18px 30px rgba(0,86,167,.3);
}

@media all and (min-width: 769px) and (max-width: 1140px) {
    .sub-navigation.coce-nav {
        grid-template-columns: 1fr 1fr 1fr;	
    }
    
}

@media all and (max-width: 768px) {
    .sub-navigation.coce-nav {
        grid-template-columns: 1fr 1fr 1fr;	
    }
}

@media screen and (max-width: 480px) {
	.sub-navigation .sub-navigation__link {
		width: 100%;
	}
}