* {
  box-sizing: border-box;
}
.button {
font-family: 'Orbitron', sans-serif;
Font-style: 600;
font-weight: 600;
}	

body {
  background-color: Silver;
Font-style: 600;
font-weight: 600;
  margin: 100px;
}

html {
}
a:hover{
color:#fff
text-decoration:none;
cursor: url("images/handcursor32px.png"), auto;
}
/* Center website */
.main {
  max-width: 1000px;
  margin: auto;
}

h1 {
  font-size: 50px;
  word-break: break-all;
}

.row {
  margin: 8px -16px;
}

/* Add padding BETWEEN each column (if you want) */
.row,
.row > .column {
  padding: 8px;
}

/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 33.33%;
  display: none; /* Hide columns by default */
}

/* Clear floats after rows */ 
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Content */
.content {
  background-color: white;
  padding: 10px;
}

/* The "show" class is added to the filtered elements */
.show {
  display: block;
}

/* Style the buttons */
.btn {
  font-family: 'Orbitron', sans-serif;
Font-style: 600;
font-weight: 600;border: none;
font-size: 14px;
  outline: none;
  padding: 12px 16px;
  cursor: pointer;
    background-color: #42b6e9;
    
}

/* Add a grey background color on mouse-over */
.btn:hover {

}

/* Add a dark background color to the active button */
.btn.active {
  background-color: #f60;
   color: white;
   
}





#HTMLpageElement{
position:relative;
padding:0px 0px 0px 0Px;
Width:100%;
Width:100%;
height:2600px;
background-color:#664274;
overflow-y:hidden;
-webkit-overflow-scrolling:touch;
}

H1{
font-family: 'Source Sans Pro'  sans-serif;
	color: #000;
	font-size: 40px;
    
	text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #ff6600, 0 0 40px #ff6600, 0 0 50px #ff6600, 0 0 60px #ff6600, 0 0 70px #ff6600;
  }
  to {
    text-shadow: 0 0 20px #fff, 0 0 30px #e64d00, 0 0 40px #e64d00, 0 0 50px #e64d00, 0 0 60px #e64d00, 0 0 70px #e64d00, 0 0 80px #e64d00;
  }

.myBtnContainer{background-color: #f60;
}
.column {
  float: left;
  width: 25%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
html, body {
  margin: 0;
padding: 0px;
  height: 100%;
  background-color: silver;
}
body
{background-color: silver;
margin: 0;
    padding: 0px;
}

html{
Background color: silver;
list-style:none;
font-family: 'Source Sans Pro'  sans-serif;
font-size:1.5em;
line-height:120%;
color:#000;
text-decoration:none;
Margin:0px 0 0px 0em;
}
 .Spacerbox0{
Height200px;
background-color:#000;
width:100%;
}

h8{
list-style:none;
font-family: 'Source Sans Pro'  sans-serif;
font-size:2vw;
line-height:100%;
color:#222;
text-decoration:none;
Margin:0px 0 0px 0em;
Font-style: 400;
font-weight: 400;
}
h9{
list-style:none;
font-family: 'Source Sans Pro'  sans-serif;
font-size:2vw;
line-height:120%;
color:#fff;
text-decoration:none;
Margin:0px 0 0px 0em;
Font-style: italic;
font-weight: italic;
}

.top-nav {
  display: flex;
  flex-direction: row;
  align-items: left;
  justify-content: space-between;
  background-color: #000;
  color: #FFF;
  height: 100px;
    width: 100%;
  padding: 1em;
  position: fixed;
   z-index:1;
}

.menu {
  display: flex;
  flex-direction: row;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.menu > li {
  margin: 0 1rem;
  overflow: hidden;
}

.menu-button-container {
  display: none;
  height: 100%;
  width: 30px;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#menu-toggle {
  display: none;
}

.menu-button,
.menu-button::before,
.menu-button::after {
  display: block;
  background-color: #fff;
  position: absolute;
  height: 4px;
  width: 30px;
  transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
  border-radius: 2px;
}

.menu-button::before {
  content: '';
  margin-top: -8px;
}

.menu-button::after {
  content: '';
  margin-top: 8px;
}

#menu-toggle:checked + .menu-button-container .menu-button::before {
  margin-top: 0px;
  transform: rotate(220deg);
}

#menu-toggle:checked + .menu-button-container .menu-button {
  background: rgba(255, 255, 255, 0);
}

#menu-toggle:checked + .menu-button-container .menu-button::after {
  margin-top: 0px;
  transform: rotate(-220deg);
}

@media (max-width: 2400px) {
  .menu-button-container {
    display: inline-block;
  }
  .menu {
    position: absolute;
    top: 0;
    margin-top: 100px;
    left: 0;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    align-items: center;
  }
  #menu-toggle ~ .menu li {
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
  }
  #menu-toggle:checked ~ .menu li {
    border: 1px solid #333;
    height: 100px;
    padding: 0.5em;
    transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
  }
  .menu > li {
    display: flex;
    justify-content: center;
    margin: 0;

    width: 100%;
    color: white;
    background-color: #222;
  }
  .menu > li:not(:last-child) {
    border-bottom: 1px solid #444;
  }

div.sprite1a {
width:170px;
height:80PX;
Float:left;
border-radius: 8px;
background-image:url("images/NavButtons3.svg");
background-repeat:no-repeat;
background-position:0PX 0PX;
}
div.sprite1a:hover {
width:170px;
height:80PX;
background-position:-280PX 0PX;	
border-radius: 8px;
box-shadow: 0 0 20px #fff;
}
div.sprite1a:active {
background-position:-560PX 0;
}
div.sprite2a
{
width:170px;
height:80PX;
Float:left;
border-radius: 8px;
background-image:url("images/NavButtons3.svg");
background-repeat:no-repeat;
background-position:0PX -140PX;
}
div.sprite2a:hover {
background-position:-280PX -140PX;	
border-radius: 8px;
box-shadow: 0 0 20px #fff;

  }
div.sprite2a:active {
background-position:-560PX -140PX;
width:170px;
height:80PX;
}
div.sprite3a{
width:170px;
height:80PX;
border-radius: 8px;
Float:left;
background-image:url("images/NavButtons3.svg");
background-repeat:no-repeat;
background-position:0PX -280px;
}

div.sprite3a:hover {
background-position:-280PX -280px;
box-shadow: 0 0 20px #fff;
  }
div.sprite3a:active {
background-position:-560PX -280PX;
}
div.sprite4a {
width:170px;
height:80PX;
border-radius: 8px;
Float:left;
background-image:url("images/NavButtons3.svg");
background-repeat:no-repeat;
background-position:0 -420PX;
}
div.sprite4a:hover {
background-position:-280PX -420PX;
box-shadow: 0 0 20px #fff;
  }
div.sprite4a:active {
background-position:-560PX -420PX;
}
div.sprite5a {
width:170px;
height:80PX;
border-radius: 8px;
Float:left;
background-image:url("images/NavButtons3.svg");
background-repeat:no-repeat;
background-position:0 -560PX;
}
div.sprite5a:hover {
background-position:-280PX -560PX;
box-shadow: 0 0 20px #fff;
}
div.sprite5a:active {
background-position:-560PX -560PX;
}
div.sprite6a {
width:170px;
height:80PX;
border-radius: 8px;
Float:left;
background-image:url("images/NavButtons3.svg");
background-repeat:no-repeat;
background-position:0 -700PX;
}

div.sprite6a:hover {
background-position:-280PX -700PX;
box-shadow: 0 0 20px #fff;
}
div.sprite6a:active {
background-position:-560PX -700PX;
}
div.sprite7a {
width:170px;
height:80PX;
Float:left;
border-radius: 8px;
background-image:url("images/NavButtons3.svg");
background-repeat:no-repeat;
background-position:0 -840PX;
display:block;}

div.sprite7a:hover {
background-position:-280PX -840PX;
box-shadow: 0 0 20px #fff;
  }
div.sprite7a:active {
background-position:-560PX -840PX;
}

div.sprite8a {
width:170px;
height:80PX;
Float:left;
border-radius: 8px;
background-image:url("images/NavButtons3.svg");
background-repeat:no-repeat;
background-position:0 -1000PX;
display:block;}

div.sprite8a:hover {
background-position:-280PX -1000PX;
box-shadow: 0 0 20px #fff;
  }
div.sprite8a:active {
background-position:-560PX -1000PX;
}


.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .3s ease;
  background-color:#f60;
}
.container {
  position: relative;
  width: 100%;
  max-width: 400px;
}
.container:hover .overlay {
  opacity: 5;
}

  * {
  font-family: "Raleway";
  box-sizing: border-box;
  border: none;
  a:visited { outline: none; }
}

.center {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}