@ media all and (min width: 780px) {
/*layout*/
body {
	width: 85%;
	max-width: 1280px; 
	min-width: 960px;
}

article {
	float: left;
	width: 64%;
	padding-left: 2.5%;
}

aside {
	float: right;
	width: 26%;
	padding: 0 2.5%;
	border-left: 1px;
}

footer {
	clear: both;
	padding: 25px 0 15px;
}
}


@ media all and (min width: 481px) and (max width: 780px) {
/*layout*/
body {
	width: 90%;
	max-width: 780px; 
	min-width: 485px;
	font-size: 80%;
}

article {
	float: left;
	width: 56%;
	padding-left: 2.5%;
}

aside {
	float: right;
	width: 34%;
	padding: 0 2.5%;
	border-left: 1px;
}

footer {
	clear: both;
	padding: 25px 0 15px;
}
}

@ media all and (max-width: 480px) { 
/*layout*/
body {
	width: 90%;
	max-width: 480px; 
}

article {
	padding-left: 0 5%;
}

aside {
	float: right;
	width: 34%;
	padding: 0 2.5%;
	border-left: 1px solid #aaa;
}

footer {
	clear: both;
	padding: 25px 0 15px;
}
}

nav #nav {
    display: black;
  }

  nav #comboNav {
    display: none;
    width: 90%;
    margin-left: 34px;
    margin-top: 23px;
  }