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

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

#banner .container { 
	min-width: 100%;
}

  }


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

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 {
}

.skiptonav, #menu {
	display: none;
}

#banner .container { 
	min-width: 100%;
}

  }

  /* All Mobile Sizes (devices and browser) */
   @media only screen and (min-width: 480px) and (max-width: 768px) {
   
#banner .container, #freeStyle img {
	min-width: 100%;
}

header {
	background-color: aqua;
}

header h1#title {
	float: none;
	position: relative;
	text-align: center;
	font-size: 2.5em;
	margin: 30px 0 0 0;
}

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

#extraContainer6 #socialIcons {
	float: none;
	position: relative;
	text-align: center;
}

nav {
	display: none;
}

.skiptonav, #menu {
	display:block;
	margin: 0;
}

  }

  /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  @media only screen and (max-width: 479px) {
  
  #banner .container, #freeStyle img {
	min-width: 100%;
}

header {
	background-color: red;
}

header h1#title {
	float: none;
	position: relative;
	text-align: center;
	font-size: 2.5em;
	margin: 21px 0 0 0;
}

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

#extraContainer6 #socialIcons {
	float: none;
	position: relative;
	text-align: center;
}

nav {
	display: none;
}

.skiptonav, #menu {
	display:block;
	margin: 0;
}

#socialIcons {
	float: none;
	position: relative;
	text-align: center;
	padding: 10px 0;
}

footer #left {
	clear: both;
}

  }