/* Global Styles */

body {
	background: red;
	font-family: Calibri;
}

div {
	float: left;
	background: blue;
}

#nav li {
	float: left;
	color: white;
}

#nav li:hover {
	color: orange;
}

/* Up to 480px (low resolution phones) */

@media only screen and (max-width: 480px) {
	#nav {
		width: 100%;
	}

	#nav li {
		width: 100%;
	}

	#nav li a {
		font-size: 12px;
	}

/* 481px - 960px (smartphones and tablets) */

@media only screen and (min-width: 481px) and (max-width: 960px) {
	#nav {
		width: 50%;
	}

	#nav li {
		width: 50%;
	}

	#nav li a {
		font-size: 18px;
	}

/* Desktop */

@media only screen and (min-width: 961px) {
	#nav {
		width: 20%;
	}

	#nav li {
		width: 25%;
	}

	#nav li a {
		font-size: 28px;
	}