@charset "UTF-8";
body{
	height:100vh;
	width:100vw;
  position: relative;
}
main{
	height:60%;
	width:100%;
	display: inline-block;
}
.pre{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 80%;
  height: 3.2rem;
}
#header{
	background:#000;
	width:100%;
	height:auto;
	margin:0 0 60px;
}
header img{
	width:auto;
	height:60px;
	margin:20px 0;
}
.discription{
	width:600px;
	height:100vh;
	text-align:center;
	display: inline-block;
	margin-bottom:100px;
}
.discription img{
	width:100%;
	height:auto;
}
ul{
  margin:0;
  padding: 0;
  list-style: none;
}
a{
  color: #fff;
}
a:hover,
a:active{
  text-decoration: none;
}

h1{
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size:6vw;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.wrapper{
  position: relative;
}
.container{
  background:#555;
}
.container p{
  padding: 300px 0; 
  text-align: center;
  color: #fff;
}
@media(max-width:900px){
		body{
		height:100vh
	}
}
@media(max-width:680px){
	.discription{
	width:350px;
	margin:50px auto;
	}
}