nav{
	float:left;
	overflow:hidden;
	width:100%;
	background:#a3c0c4;}
		
.sf-menu {
	width:100%;
	overflow:hidden;}

.sf-menu > li {
	position:relative;
	float: left;
	font:normal 14px/17px Arial, Helvetica, sans-serif;}

.sf-menu > li > a {
	display:block;
	padding:15px 23px;
	color:#ffffff;}

.sf-menu > li > a:hover {
	text-decoration:none;
	color:#6c90ba;
	background:#ededed;}
	
/* Design for a width of 768px */
@media only screen and (max-width: 995px){
	.sf-menu {
		padding-right:0px;}
		
	.sf-menu > li {
		margin-right:3px;}
		
	.sf-menu > li > a {
		padding: 15px 6px}
	
	.sf-menu ul {
		width:130px;}
}

/* Design for a width of 480px*/
@media only screen and (max-width: 767px) {
	nav{
		float:none;
		background: transparent;}
		
	.sf-menu > li {
		float:none;
		margin-right:0px;
		margin-bottom:8px;}
		
	.sf-menu > li > a {
		background:#ededed;
		padding:13px 21px;
		color:#6c90ba;}
		
	.sf-menu > li > a:hover {
		color:#fff;
		background:#a3c0c4;}
}


/* Design for a width of 320px */
@media only screen and (max-width: 479px){}