* {box-sizing: border-box}
@media (min-width: 1000px) {
div.mc{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#45484d+0,000000+100;#000000+3D+%231 */
background: #45484d; /* Old browsers */
background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
height:105px}
span.mc {font-family:Courier New}
ul.menul{float:right;height:25px;
list-style: none;
margin: 50px 100px 0px 0px;
padding: 0px 0px 3px 0px;
}
ul.menul li.menul{
color: silver;
display: block;
float: left;
position: relative;
}
li.menul:hover ul.smenul{
display: block;
position: absolute;
}
li.menul ul.smenul{display:none;}
ul.smenul{list-style: none;
margin: 24px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
li.menul:hover li.smenul{
float: none;
}
li.menul:hover{color: white;}
a.menul{
color: silver;
float: left;
line-height: 12px;
padding: 6px 12px;
}
a.menul{font-family:sans-serif;font-size:0.75em;text-decoration:none;}
a.menul:hover{color: white;}
a.smenul{font-family:sans-serif;font-size:0.75em;text-decoration:none;
background-color: black;
border-bottom: 1px solid #262626;
border-top: 1px solid #4d4d4d;
color: white;
display: block;
padding: 10px 10px 10px 12px;
}
a.smenul:hover{background-color: #d3b564;color:black;}
span.smenul{font-family:sans-serif;font-size:0.75em;text-decoration:none;
background-color: black;
border-bottom: 1px solid #262626;
border-top: 1px solid #4d4d4d;
color: white;
display: block;
padding: 10px 10px 10px 12px;
}
span.smenul:hover{background-color: #d3b564;color:black;}
ul.menuh{float:left;height:25px;
list-style: none;
margin: 0px 0px 0px 0px;
padding: 75px 0px 3px 0px;
}
ul.menuh li.menuh{
color: black;
display: block;
float: left;
position: relative;
}
li.menuh:hover ul.smenuh{
display: block;
position: absolute;
}
li.menuh ul.smenuh{display:none;}
ul.smenuh{list-style: none;
margin: 24px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
li.menuh:hover li.smenuh{
float: none;
}
li.menuh:hover{color:silver;}
a.menuh{
color:silver;
float:left;
line-height:12px;
padding:6px 0px;
font-weight: bold;
margin:0px 10px 0px 10px;
}
a.menuh{font-family:sans-serif;font-size:0.75em;text-decoration:none;}
a.menuh:hover{color:#d3b564;}
a.smenuh{font-family:sans-serif;font-size:0.75em;text-decoration:none;font-weight: bold;
background-color: black;
border-bottom: 1px solid #000000;
border-top: 1px solid #000000;
color:silver;
display: block;
padding: 10px 10px 10px 10px;
}
a.smenuh:hover{background-color:black;color:#d3b564;font-weight: bold;}

}@media (min-width: 500px) and (max-width: 999px){
div.mc{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#45484d+0,000000+100;#000000+3D+%231 */
background: #45484d; /* Old browsers */
background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
height:150px}
span.mc {font-family:Courier New}
ul.menul{float:right;height:25px;
list-style: none;
margin: 0px 100px 0px 0px;
padding: 0px 12px 3px 0px;
}
ul.menul li.menul{
color: silver;
display: block;
float: left;
position: relative;
}
li.menul:hover ul.smenul{
display: block;
position: absolute;
}
li.menul ul.smenul{display:none;}
ul.smenul{list-style: none;
margin: 24px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
li.menul:hover li.smenul{
float: none;
}
li.menul:hover{color: white;}
a.menul{
color: silver;
float: left;
line-height: 12px;
padding: 6px 12px;
}
a.menul{font-family:sans-serif;font-size:0.75em;text-decoration:none;}
a.menul:hover{color: white;}
a.smenul{font-family:sans-serif;font-size:0.75em;text-decoration:none;
background-color: black;
border-bottom: 1px solid #262626;
border-top: 1px solid #4d4d4d;
color: white;
display: block;
padding: 10px 10px 10px 12px;
}
a.smenul:hover{background-color: #d3b564;color:black;}
span.smenul{font-family:sans-serif;font-size:0.75em;text-decoration:none;
background-color: black;
border-bottom: 1px solid #262626;
border-top: 1px solid #4d4d4d;
color: white;
display: block;
padding: 10px 10px 10px 12px;
}
span.smenul:hover{background-color: #d3b564;color:black;}
ul.menuh{float:left;height:25px;
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 3px 16px;
}
ul.menuh li.menuh{
color: black;
display: block;
float: left;
position: relative;
}
li.menuh:hover ul.smenuh{
display: block;
position: absolute;
}
li.menuh ul.smenuh{display:none;}
ul.smenuh{list-style: none;
margin: 24px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
li.menuh:hover li.smenuh{
float: none;
}
li.menuh:hover{color:silver;}
a.menuh{
color:silver;
float:left;
line-height:12px;
padding:6px 0px;
font-weight: bold;
margin:0px 10px 0px 10px;
}
a.menuh{font-family:sans-serif;font-size:0.75em;text-decoration:none;}
a.menuh:hover{color:#d3b564;}
a.smenuh{font-family:sans-serif;font-size:0.75em;text-decoration:none;font-weight: bold;
background-color: black;
border-bottom: 1px solid #000000;
border-top: 1px solid #000000;
color:silver;
display: block;
padding: 10px 10px 10px 10px;
}
a.smenuh:hover{background-color:black;color:#d3b564;font-weight: bold;}
	
}@media (min-width: 240px) and (max-width: 499px){
.mc{background: #45484d; background: linear-gradient(to bottom,  #45484d 0%,#000000 100%);height:auto}
span.mc {font-family:Courier New}
.ham{width:35px;height:3px;background-color:#d4b664;margin:6px 0}
 /* Style the navigation menu */
.topnav {
  overflow: hidden;
  background-color: black;
  position: relative;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
}

/* Style navigation menu links */
.topnav a {
  color: white;
  padding: 10px;
  text-decoration: none;
  font-size:0.75em;
}

/* Style the hamburger menu */
.topnav a.icon {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

/* Add a grey background color on mouse-over */
.topnav a:hover {
  color: black;
}

/* Style the active link (or home/logo) */
.active {
  background-color: #4CAF50;
  color: white;
} 

ul.menuh,ul.menul{
color:silver;
list-style:none;
padding:10px}
ul.smenuh,ul.smenul{
color:silver;
list-style:none;
padding:0 10px;}
ul.menuh li.menuh,ul.menul li.menul{
float:left;}
a.menuh,a.menul{
text-decoration:none;
color:silver;
font-size:1.25em;
font-weight:bold;}
a.menuh:hover,a.menul:hover{
color:#d3b564;}
a.smenuh,a.smenul{
display:block;
font-size:1.25em;
text-decoration:none;
padding:0 0 0 10px;
color:silver;}
a.smenuh:hover,a.smenul:hover{
color:#d3b564;} 

}@media (max-width: 239px) {}