/* #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;
}

nav {
	float: left;
	margin: 6px 0 0 0;
	z-index: 10;
	position: relative;
	font-size: 12px;
	font-family: 'Lato', sans-serif;
	letter-spacing: 1px;
	font-weight: 500;
}

nav ul li a{display: block;padding: 0 15px 0 0;}

  }

  /* 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: 22px;
	margin: 16px 0 0 0;
}

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

a#logo img {
max-height: 75%;
max-width: 75%;
}



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: 22px;
	margin: 12px 0 0 0;
}

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


nav {
	display: none;
}

a#logo img {
max-height: 75%;
max-width: 75%;
}

  }