/* #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, #topHeader {
	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, #topHeader {
	background-color: aqua;
}

header h1#title {
}

header h2#slogan {
	float: none;
	margin: 8px 0 0 0;
	position: relative;
	text-align: center;
}

header #socialIcons {
	margin: 9px 0 0 0;
	float: none;
	position: relative;
	text-align: center;
}

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, #topHeader {
	background-color: red;
}

#topHeader {
	height: 140px;
}

#bttmHeader {
	height: 100px;
}

.skiptonav, .skiptonav a {
	clear: both;
	float: none;
	position: relative;
	text-align: center;
	margin: 16px auto 0 auto;
}

.skiptonav a, .menuImg {
	margin: 0 auto;
}


header h2#slogan {
	float: none;
	margin: 8px 0 0 0;
	position: relative;
	text-align: center;
}

header #socialIcons {
	margin: 9px 0 0 0;
	float: none;
	position: relative;
	text-align: center;
}

nav {
	display: none;
}

.skiptonav, #menu {
	display:block;
}

  }