@font-face {
  font-family: 'Skrawk-Serif';
  src: url('/fonts/Skrawk-Serif.ttf') format("truetype");
} 
body {
margin: 0px;
padding: 0px;
-color: black;
background-color: black;
-background-image: url('texture3.png');

}

.header {
-background-color: #eef2f9;
  text-align: center;
	margin: 0px;
overflow: hidden;
padding-bottom: 25px;
color: black;
background-image: url('backgroundtestnight.png');
  background-repeat: repeat-x;
  background-position: center top;
  background-size: 1000px 270px;

}
.header2 {
-background-color: #eef2f9;
  text-align: center;
	margin: 0px;
overflow: hidden;
padding: 30px;
color: black;
background-image: url('backgroundnight.png');
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 700px 250px;
   font-family: 'Skrawk-Serif';
  font-size: 18px;

}
.page {
  -background-color: white;    
  text-align: center;
	margin-left: auto;
	margin-right: auto;
padding: 0px;
color: white;
font-size: 0;
line-height: 0%;
padding: 0px;
    
    margin: 0px;
    
  


}
  .topnav{
  padding-top: 20px;
    display: block;
    margin: 0 auto;
  
  height: auto;
  }
.text {
	margin: 0px;
text-align: center;
padding: 15px;
color: black;
  -background-color: #96b0de; 
  -background-image: linear-gradient(to bottom, rgba(255,0,0,0), rgba(255,255,255,1));
  overflow: hidden;
}
.button {
  background-color: black;/* Green */
  border: 2px solid black;
border-radius: 50px 50px 50px 50px;
  color: #ffe179;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 27px;
}
a:link {
  color: #ffe179;

  text-decoration: underline;
}
a:visited {
  color:#f4b069;
 
  text-decoration: underline;
}

a:hover {
  color: yellow;
 
  text-decoration: underline;
}

a:active {
  color: orange;
  text-decoration: underline;
}

  .page img {
  padding: 0;
    display: block;
    margin: 0 auto;
   width: 920px;
  height: auto;


  }
.contain {
-background-color: white;
  line-height: 0%;
padding: 0px;
    display: block;
    margin: 0px;
}
.responsive {
  width: 100%;
  height: auto;
  max-width: 635px;
}
@media screen and (max-width: 1000px) {
  .page img {
  padding: 0;
    display: block;
    margin: 0 auto;
   width: 100%;
  height: auto;
  max-width: 635px;

  }
  .header {
   background-image: url(''); 
  }
   .topnav img{
  padding: 0;

    margin: 0 auto;
  width: 18%;
  height: auto;
  }
  }