.hover-state:hover .static {
	display: none;
}

.hover-state:hover .icon-hover {
	display: inline;
}

.static {
	display: inline;
}

.icon-hover {
	display: none;
}

/* NAVIGATION */

.stcmain ul li:before {
	display: none;
}

.home .section.views-block {
	padding-bottom: 0;
}


.home .section.social-block {
	margin-top: -10px;
}



body.home .quicklinks ul {
	margin: 0 -55px 0 -35px;
    padding: 0;
    text-align: center;
    height: 1%;
    list-style: none;
}


body.home .quicklinks li {
    margin: 0 -5px 0 0;
    padding: 0 0 17px 0;
    width: 16.66666666666667%;
    float: left;
}

body.home .quicklinks li em {
	font-size: 12px;
	font-style: normal;
    display: block;
}

body.home .quicklinks {
padding: 0 0 7px;
font: 700 1.538em 'interstate', Arial, Helvetica, sans-serif;
text-transform: uppercase;
}

body.home .quicklinks li .img-holder {
	margin-bottom: 7px;
	height: 35px;
	width: 100%;
}

body.home .quicklinks a {
    color: #5d5d5d;
    display: block;
    text-decoration: none;
}

@media (max-width: 1024px){

	.quicklinks {
		font: 700 1.338em 'interstate', Arial, Helvetica, sans-serif;
		max-width: 926px;
	}

	.quicklinks ul{
		margin: 0 !important;
		width: 100%;
    	text-align: center;
	}

	.quicklinks li {
		width: 16.66666666666667%;
		margin: 0;
	}
}

@media (max-width: 767px){

	body.home .section.social-block {
		padding-top: 0;
	}

	body.home .quicklinks ul {
		width: 100%;
	}

	body.home .quicklinks ul li {
		padding: 0 0 17px;
		 margin: 0 -5px 0 0 !important;
		width: 33.3%;
	    display: inline-block;
	    float: none;
	    vertical-align: top;
	}

	body.home .quicklinks li em {
		font-size: 10px;
	}
}

@media (min-width: 768px) and (max-width: 1024px){
   body.home .quicklinks ul {
       margin: 0 -21px 0 21px !important;
   } 
}

http://cdn.agilitycms.com/pretamanger-france-dev/Home_Page/nav-updates/nav_coffee_@2x.png