/* #Media Queries
================================================== */

@media only screen and (min-width: 960px) {

header {
}

.skiptonav, #menu {
	display: none;
}
	}


  /* Tablet Portrait size to standard 960 (devices and browsers) */
  @media only screen and (min-width: 768px) and (max-width: 959px) {

header {
	background-color: fuchsia;
}

.skiptonav, #menu {
	display: none;
}

  }

  /* All Mobile Sizes (devices and browser) */
   @media only screen and (min-width: 480px) and (max-width: 768px) {

header {
	background-color: aqua;
}

header h1#title {
	font-size: 32px;
}

header h2#slogan {
	float: left;
	clear: both;
	margin: 0; padding: 0;
	text-align: left;
}

nav {
	display: none;
}

.skiptonav, #menu {
	display:block;
}

  }

  /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  @media only screen and (max-width: 479px) {

header {
	background-color: red;
}

header h1#title {
	font-size: 24px;
}

header h2#slogan {
	float: left;
	clear: both;
	margin: 0; padding: 0;
	text-align: left;
}

nav {
	display: none;
}

  }