@charset "UTF-8";
/* CSS Document */

	ul#links {
		display: block;
        position: relative;
		margin: 0;
		padding: 0;
        font-size: 0;
        line-height: 0;
        width: calc(100% + 10px);
	}
	ul#links li {
		display: inline-block;
		list-style: none;
		margin: 0 10px 10px 0;
		padding: 0;
	}
	ul#links li a {
		display: block;
		text-align: center;
		background-color:#00457f;
		color: white;
		font-family: Metro;
		font-weight: bold;
		font-size: 1.9rem;
		line-height: 1.1;
		text-decoration: none;
		padding: 15px 0 15px 0;
		margin: 0;
		border-radius: 8px;
		box-shadow: 0 3px 5px 0 rgba(0,0,0,0.3), inset 0 -15px 15px 0 rgba(0,0,0,0.1);
		transition:background-color 0.3s ease 0s, color 0.3s ease 0s;
	}
	ul#links li a:hover {
		background-color:#f7ec40;
		color: #00457f;
	}
	ul#links li a i,em {
		display: block;
		position: relative;
		font-style: normal;
		pointer-events: none;
	}
	ul#links li a i {
		float: left;
		width: 30px;
		height: 30px;
		margin: 0 0 -30px 0;
		left: 10px;
		top: -5px;
		/*box-shadow: inset 0 0 0 1px white;*/
	}
	
	ul#links li a i:before {
		width: 100%;
		height: 100%;
		content:" ";
		font-size: 2rem;
		line-height: 30px;
		text-align: center;
		color: inherit;
	}
	ul#links li[data-label="1"]  a i:before { content:"\E92A"; }
	ul#links li[data-label="2"]  a i:before { content:"\E9C4"; }
	ul#links li[data-label="3"]  a i:before { content:"\EAFD"; }
	ul#links li[data-label="4"]  a i:before { content:"\EB02"; }
	ul#links li[data-label="5"]  a i:before { content:"\EB35"; }
	ul#links li[data-label="6"]  a i:before { content:"\EB09"; }
	ul#links li[data-label="7"]  a i:before { content:"\EAFE"; }
	ul#links li[data-label="8"]  a i:before { content:"\E9AB"; }
	ul#links li[data-label="9"]  a i:before { content:"\E98E"; }
    ul#links li[data-label="10"] a i:before { content:"\E91B"; }
	ul#links li[data-label="11"] a i:before { content:"\EC17"; }
	ul#links li[data-label="12"] a i:before { content:"\E98D"; }
	

@media screen and (min-width:1440px)                        {	/*	XXXL: 1440 -		*/  ul#links li { width: calc( 50% - 10px); }	}
@media screen and (min-width:1240px) and (max-width:1439px) {	/*	 XXL: 1240 - 1439	*/	ul#links li { width: calc( 50% - 10px); }	}
@media screen and (min-width:1040px) and (max-width:1239px) {	/*	  XL: 1040 - 1239	*/	ul#links li { width: calc( 50% - 10px); }	}
@media screen and (min-width: 960px) and (max-width:1039px) {	/*	   L:  960 -  375	*/	ul#links li { width: calc( 50% - 10px); }	}
@media screen and (min-width: 860px) and (max-width: 959px) {	/*	   M:  860 -  959	*/	ul#links li { width: calc( 50% - 10px); }	}
@media screen and (min-width: 700px) and (max-width: 859px) {	/*	   S:  700 -  859	*/	ul#links li { width: calc(100% - 10px); }	}
@media screen and (min-width: 580px) and (max-width: 699px) {	/*	  XS:  580 -  699	*/	ul#links li { width: calc(100% - 10px); }	}
@media screen and (min-width: 310px) and (max-width: 579px) {	/*	 XXS:  310 -  579	*/	ul#links li { width: calc(100% - 10px); }	}
@media screen and (min-width:   0px) and (max-width: 309px) {	/*	 XXS:    0 -  375	*/	ul#links li { width: calc(100% - 10px); }	}