.milesNav{ margin:0 50px;}
.milesNav div{ text-align:center; height:120px;}
.milesNav span{ display:table-cell; text-align: center; width: 65px; color: #ffffff; vertical-align: middle; line-height: 18px; height: 70px;}
.milesNav.milestones a{ line-height: inherit; font-size: 12px;}
.milesNav div.act{ background:url(../images/global/year_act.jpg) no-repeat; background-position:bottom; background-size:29px 17px;}
.milesNav a{ width:70px; height:70px;  line-height:65px; font-size:16px; border-radius: 90px; color:#ffffff; display:inline-block; text-align:center;}
.milesNav div:nth-child(odd) a{ background:#008ed4; margin:10px 0; box-shadow: 0 0 0 2px rgba(255,255,255,1.0); border: 4px solid #ffffff;}
.milesNav div:nth-child(even) a{ background:#8dc642; margin:10px 0; box-shadow: 0 0 0 2px rgba(255,255,255,1.0); border: 4px solid #ffffff;}
.milesNav div:nth-child(odd) a.act, .milesNav div:nth-child(even) a.act{box-shadow: 0 0 0 2px rgba(0,142,211,1.0); border: 4px solid #ffffff;}

@media (min-width: 768px){
	/* Content Global */
	.milesNav a{ width:160px; height:160px;  line-height:160px; font-size:38px;}
	.milesNav div{ height:240px;}
	.milesNav div.act{ background-size:49px 28px;}
	.milesNav div:nth-child(odd) a, .milesNav div:nth-child(even) a{box-shadow: 0 0 0 3px rgba(255,255,255,1.0);}
	.milesNav div:nth-child(odd) a.act, .milesNav div:nth-child(even) a.act{box-shadow: 0 0 0 3px rgba(0,142,211,1.0);}
	.milesNav span{ display:table-cell; text-align: center; width: 155px; color: #ffffff; vertical-align: middle; line-height: 45px; height: 160px;}
	.milesNav.milestones a{ line-height: inherit; font-size: 24px;}
}

@media (min-width: 1024px){
		/* Content Global */
	.milesNav div{ height:270px;}
	.milesNav a{ width:180px; height:180px;  line-height:172px; font-size:42px;}
	.milesNav.milestones a{ line-height: inherit; font-size:32px;}
	
	.milesNav span{ display:table-cell; text-align: center; width: 175px; color: #ffffff; vertical-align: middle; line-height: 45px; height: 180px;}

	

}