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

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

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


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

body {
	background-color: aqua;
	background-image: none;
}
  
#banner {
	margin: 0; 
}

#shadow {
	display: none;
}

/* ribbon style */

 .ribbon-wrapper {
	height: 80px;
	width: 83.333333%;
}
  .ribbon-front {
	width: 100% !important;
	position: relative;
	left:0;
}

  .ribbon-edge-topleft,
  .ribbon-edge-topright {
}

  .ribbon-edge-bottomleft,
  .ribbon-edge-bottomright {
	top: 60px;
}

  .ribbon-edge-topleft,
  .ribbon-edge-bottomleft {
	left: -.13020833%;
	border-color: transparent aqua transparent transparent;
}

  .ribbon-edge-topleft {
	top: -5px;
	border-width: 5px 10px 0 0;
}
  .ribbon-edge-bottomleft {
	border-width: 0 10px 0px 0;
}

  .ribbon-edge-topright,
  .ribbon-edge-bottomright {
	left: 98.6979167%;
	border-color: transparent transparent transparent aqua;
}

  .ribbon-edge-topright {
	top: -5px;
	border-width: 5px 0 0 10px;
}
  .ribbon-edge-bottomright {
	border-width: 0 0 0px 10px;
}

  .ribbon-back-left {
	position: absolute;
	top: -5px;
	left: -3.90624975%;
	width: 40px;
	height: 60px;
	background-color: green;	z-index: 0;
}

  .ribbon-back-right {
	position: absolute;
	top: -5px;
	right: -3.90624975%;
	width: 40px;
	height: 60px;
	background-color: blue;	z-index: 0;
}



/* End ribbon style */

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

  /* All Mobile Sizes (devices and browser) */
  @media only screen and (max-width: 768px) {
  
body {
	background-image: none;
}

#shadow {
	display: none;
}

img, a img {
	max-width: 96%;
	height: auto;
}

  .ribbon-edge-topright,
  .ribbon-edge-bottomright, .ribbon-edge-topleft,
  .ribbon-edge-bottomleft {
	display: none;
}
  
  }

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

body {
	background-image: none;
}

nav {
	display: none;
}

header .container {
	border-top: 5px solid;
}   

header h1#title {
	border: none;
	padding: 0;
}

#socialIcons {
	float: none;
	margin: 16px 0 0 0;
    padding: 0;
    text-align: center;
}

#shadow {
	display: none;
}

a#logo {
}  

.skiptonav {
	display: block;
	padding: 7px 2px;
	width: 90px;
	font-size: .875em;
	letter-spacing: 1px;
	text-align: center;
	margin: 0 auto;
	font-family: 'Hevetica Neue', Helvetica, sans-serif;
	font-weight: bold;
}

/* ribbon style */

 .ribbon-wrapper {
	height: 80px;
	width: 450px;
}
  .ribbon-front {
	padding: 15px 0;
	width: 490px;
}



/* End ribbon style */

#menu {
display: block;
padding: 0;
margin-top: 5px;
position: relative;
font-family: 'Montserrat', sans-serif;
}

#menu>ul {
margin: 0;
list-style: none;
line-height: 45px;
position: relative;
font-size: 1em;
}

#menu ul li li {
padding: 3px 0;
list-style: none;
}

#menu ul ul ul { padding: 0 0 10px 15px; }

#menu>ul>li a {
display: inline-block;
background-repeat: no-repeat;

}

#menu>ul>li>a:hover,
#menu>ul>li>a.current,
#menu>ul>li>a.currentAncestor{
background-repeat: no-repeat;
}

#menu ul ul { 
line-height: 14px;
letter-spacing: 0;
padding: 0 0 0 0;
margin: 0 0 10px 16px;
}

#menu ul ul>li{
margin: 0;
padding: 6px 0;
}

#menu ul ul>li>a{
padding: 3px 6px 5px;
}

#menu ul ul>li>a:hover{

}

#menu ul li {
    border-top: 1px solid rgba(0,0,0,0.1);
    border-bottom: 1px solid rgba(255,255,255,0.1);
    padding: 0 0 0 21px;
}

#menu ul li ul li {
	border: none;
}

img, a img {
	max-width: 95%;
	height: auto;
}

  }

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

body {
	background-color:aqua;
	background-image: none;
}

header {
	border-top: 5px solid;
	padding: 16px 0 0 0;
}

header h1#title {
	border: none;
	padding: 0;
} 

a#logo {
}  

#shadow {
	display: none;
}

nav {
	display: none;
}

#socialIcons {
	float: none;
	clear: both;
	text-align: center;
    position: relative;
    margin: 5px 0 0 0 !important; 
    padding: 0;
}

#socialIcons a {
    margin: 0 11px;
}

.skiptonav {
	display: block;
	padding: 7px 2px;
	width: 90px;
	font-size: .875em;
	letter-spacing: 1px;
	text-align: center;
	margin: 0 auto;
	font-family: 'Hevetica Neue', Helvetica, sans-serif;
	font-weight: bold;
}

/* ribbon style */

 .ribbon-wrapper {
	height: 80px;
	width: 200px;
}
  .ribbon-front {
	padding: 15px 0;
	width: 240px;
}

  .ribbon-edge-topright,
  .ribbon-edge-bottomright {
	left: 210px;
}

/* End ribbon style */
  
#menu {
padding: 0;
margin-top: 5px;
position: relative;
font-family: 'Montserrat', sans-serif;
}

#menu>ul {
margin: 0;
list-style: none;
line-height: 45px;
position: relative;
font-size: 1em;
}

#menu ul li li {
padding: 3px 0;
list-style: none;
}

#menu ul ul ul { padding: 0 0 10px 15px; }

#menu>ul>li a {
display: inline-block;
background-repeat: no-repeat;

}

#menu>ul>li>a:hover,
#menu>ul>li>a.current,
#menu>ul>li>a.currentAncestor{
background-repeat: no-repeat;
}

#menu>ul>li>a.current:hover{
background-image: none;
text-shadow: none;
}

#menu ul ul { 
line-height: 14px;
letter-spacing: 0;
padding: 0 0 0 0;
margin: 0 0 10px 16px;
}

#menu ul ul>li{
margin: 0;
padding: 6px 0;
}

#menu ul ul>li>a{
padding: 3px 6px 5px;
}

#menu ul li {
    border-top: 1px solid rgba(0,0,0,0.3);
    border-bottom: 1px solid rgba(255,255,255,0.2);
    padding: 0 0 0 21px;
}

#menu ul li ul li {
	border: none;
}

img, a img {
	max-width: 95%;
	height: auto;
}

  }