@media screen and (max-width: 1000px) {

body{
  background-image: url("");
  background-repeat: repeat;
  font-family:ms gothic;
  font-size: 20px;
  margin: 0;
  color: #fff;
  background-color: #000
}

#boxin {
	left: 1%;
	top: 1%;
	width: 98%;
	height: 98%;
	outline: solid;
	outline-color: red;
	outline-width: 1px;
	overflow: scroll;
}

.content {
	background:#020202;
	width: 75%;
	padding: 20px;
	margin-top:7%;
	overflow: scroll;
	border:50px solid #0f0f0f;
}

.header {
  text-align: center;
  padding: 32px;
}

.info {
  background: #171717;
  border: 1px solid red;
  color:#fff;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 10px;
  padding-right: 10px;
  display: list-item;
  list-style-type: none;
  font-size:40px;
  margin:10px;
}

h1 {
  color: #fff;
  font-family:times;
  font-size: 60px;
  font-weight: bold;
  line-height:50px;
  margin: 5px;
  font-style: italic;
  text-align: left;
}

h2 {
  color: #fff;
  font-family:times;
  font-size: 60px;
  font-weight: bold;
  line-height:50px;
  margin: 5px;
  font-style: italic;
  text-align: center;
}


h3 {
  color: #fff;
  font-family:times;
  font-size: 60px;
  font-weight: bold;
  line-height:50px;
  margin: 5px;
  font-style: italic;
  text-align: right;
  text-shadow: 2px 2px red;
}

.body {
  background: #0f0f0f;
  color:#fff;
  border: 1px solid red;
  width:95%;
  padding: 15px;
  font-size: 30px;
  font-family: courier;
  line-height: 45px;
  margin:5px;
}

.deco {
  border: 1px solid red;
  width: 75%;
  margin: 15px;
  float: none;
}

.navleft {
  font-size:200px;
  color: #fff;
  position:absolute;
  bottom:-10%;
  left:5%;
}

.navright {
  font-size:200px;
  color: #fff;
  position:absolute;
  bottom:-10%;
  right:5%;
}

a {
  text-decoration:none;
  color:#fff;
}
}