#nav ul li {
    width: 150px;
}
#nav ul li a {
    width: 150px;
}
@media screen and (max-width: 735px){#nav{display:none}
}
#nav1 a{background-position:0 0}
#nav2 a{background-position:-150px 0}
#nav3 a{background-position:-300px 0}
#nav7 a{background-position:-450px 0}
#nav8 a{background-position:-600px 0}
#nav4 a{background-position:-750px 0}
#nav5 a{background-position:-900px 0}
#nav6 a{background-position:-1050px 0}

#nav1 a:hover{background-position:0 100%}
#nav2 a:hover{background-position:-150px 100%}
#nav3 a:hover{background-position:-300px 100%}
#nav7 a:hover{background-position:-450px 100%}
#nav8 a:hover{background-position:-600px 100%}
#nav4 a:hover{background-position:-750px 100%}
#nav5 a:hover{background-position:-900px 100%}
#nav6 a:hover{background-position:-1050px 100%}

body#shop #nav1 a{background-position:0 100%;background-color:#afd5e9}
body#coop #nav2 a{background-position:-150px 100%;background-color:#afd5e9}
body#living #nav3 a{background-position:-300px 100%;background-color:#afd5e9}
body#profile #nav4 a{background-position:-750px 100%;background-color:#afd5e9}
body#request #nav6 a{background-position:-1050px 100%;background-color:#afd5e9}


@media screen and (max-width: 1200px){
	#nav ul li{
		width:auto;padding:0 8px;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-shrink:1;flex-shrink:1;-webkit-flex-basis:12.5%;flex-basis:12.5%;
	}
	#nav ul li a{
		width:100%;text-indent:0;background:none !important;font-size:.9em;color:#333;text-align:center;white-space:nowrap;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}#nav ul li a:hover{background-color:#afd5e9 !important
	}
}